JavaScript中的FileReader图片预览上传功能实现代码 - 行业资讯

关于filereader图片预览上传功能的实现代码如下所示:

<强> html:

　　　　　　& lt; div比; 　　& lt;标签=扒啊北? 　　& lt; img id="图像" src="/比; 　　& lt;输入id=扒啊崩嘈?拔募币?比; 　　& lt;/label> 　　& lt;/div> 　　　　

<强> js:

　　　　　　var="形象; 　　函数selectImage(文件){ 　　如果(!文件。文件| | ! file.files [0]) { 　　返回; 　　} 　　var=new FileReader读者(); 　　读者。onload=function (evt) { 　　. getelementbyid('图像')。src=https://www.yisu.com/zixun/evt.target.result; 　　形象=evt.target.result; 　　} 　　reader.readAsDataURL (file.files [0]); 　　} 　　函数uploadImage () { 　　console.log(图片); 　　. ajax({美元　　类型:“文章”, 　　url:“ajax/uploadimage ',//图片上传地址　　数据:{形象:形象}, 　　异步:没错, 　　数据类型:json, 　　成功:功能(数据){ 　　如果(data.success) { 　　alert('上传成功”); 　　其他}{ 　　alert('上传失败”); 　　} 　　}，　　错误:函数(err) { 　　alert('网络故障”); 　　} 　　}); 　　} 　　　　

引用:<代码> & lt;脚本src=" https://www.yisu.com/zixun/js/jQuery.min.js "祝辞& lt;/script>
　　

以上所述是小编给大家介绍的JavaScript中的FileReader图片预览上传功能实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!