请用js写一段代码,用表单形式显示,第一行表单可以输入文本区域,第二个表单可以上传radio文件,第三个表单可以上传和显示图片,第四个表单可以上传显示和下载附件。
时间: 2024-04-29 22:25:12 浏览: 9
好的,以下是JS代码段:
```javascript
<form>
<label for="text">文本:</label>
<textarea id="text" name="text"></textarea><br>
<label for="file">文件:</label>
<input type="file" id="file" name="file"><br>
<label for="image">图片:</label>
<input type="file" id="image" name="image"><br>
<img id="imgPreview" src="#" alt="图片预览"><br>
<label for="attachment">附件:</label>
<input type="file" id="attachment" name="attachment"><br>
<button type="submit">提交</button>
</form>
<script>
// 预览图片
document.getElementById("image").addEventListener("change", function() {
const file = this.files[0];
const reader = new FileReader();
reader.onload = function(e) {
document.getElementById("imgPreview").src = e.target.result;
};
reader.readAsDataURL(file);
});
</script>
```
以上代码可以实现所需的表单功能,其中预览图片部分使用了JS FileReader API。