js上传图片预览

xiaoxiao2021-02-28  77

直接上图,亲测可用 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript" src='http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'></script> <img class="imghead td_img" class="td_img" src="zoomFullScreen.jpg"> <input type="file" class="fliehead" οnchange="previewImage(this)"> <script type="text/javascript"> //表格图片上传预览 function previewImage(file){ var imgUpload = file.parentNode.childNodes[1]; if (file.files && file.files[0]){ var reader = new FileReader(); reader.onload = function(evt){ imgUpload.src = evt.target.result;} reader.readAsDataURL(file.files[0]); }else{ var sFilter='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src="'; file.select(); var src = document.selection.createRange().text; imgUpload.filters.item('DXImageTransform.Microsoft.AlphaImageLoder').src = src; } } </script> </body> </html>
转载请注明原文地址: https://www.6miu.com/read-37076.html

最新回复(0)