js实现上传图片预览方法

图片预览的爪哇岛描述语言本地操作

早期浏览器，不能将本地图片作为页面元素处理，要实现图片预览需要将图片先上传到服务器，再从服务器取得进行预览

现代的浏览器功能越来越全面，因此可以实现对一些数据的本地处理Chrome MsEdge(ie11) Firefox

上图的超文本标记语言

trtd缩略图/tdtdtda href=' JavaScript : void(0)' class=' fileBtn '选择文件输入类型=' file ' id=' file _ pic '/a/TD/trtd/TDT img id=' file _ view ' style=' width :110 px '/TD/tr//下面用于图片上传预览功能objc : { file，pic，width } yqui。setimagepreview=function(objc){ var DocObj=document。getelementbyid(objc。文件)；var imgObjPreview=文档。getelementbyid(objc。pic)；if(DocObj。文件DocObj。文件[0]){ imgobjpreview。风格。display=' blockimgobjpreview。风格。width=objc。宽度；imgObjPreview.src=window .网址。createobjecturl(DocObj。文件[0])；返回真；} else {返回false }；};//使用该控件，opts配置对象var opts={file : 'file_pic '，pic : 'file_view '，width : ' 180 px ' } yqui。setimagepreview(opts)；以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。