html中添加文件预览JS实现，文本信息并且向textarea中添加数据

最新推荐文章于 2024-07-17 22:31:47 发布

zxl_1996

最新推荐文章于 2024-07-17 22:31:47 发布

阅读量1.4k

点赞数

分类专栏：编程语言文章标签： js

本文链接：https://blog.csdn.net/zxl_1996/article/details/105781714

版权

编程语言专栏收录该内容

31 篇文章 2 订阅

订阅专栏

html中添加文件预览，文本信息并且向textarea中添加数据，代码如下：

 <textarea  class="form-control" style="width: 70%;min-height: 240px; OVERFLOW: visible;resize: none;"  id="question" name="question"> </textarea>

   <input type="file"  id="id_avatar" style=""  name="avatar"  nchange="imgPreview(this)">
 <script src="/static/js/jquery-1.12.4.js"></script>
    <script>
            var oFile = document.getElementById("id_avatar")
			var oView = document.getElementById("question")
			var obj = {}
			oFile.addEventListener("change",function(){
				var fs = this.files[0]
				var reader = new FileReader()
                {#reader.readAsText()#}
				reader.onload = function(){
					if(!obj[this.result]){
                        {#alert(this.result)#}

                        oView.value = oView.value + this.result;
						obj[this.result] = this.result

					} else {
						alert('不可以重复上传')
					}
				}
				reader.onprogress = function(){
					console.log("正在读取")
				}
                reader.readAsText(fs);
			})
    </script>

文本"测试.txt"