源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

javascript结合fileReader 实现上传图片

  • 时间:2022-12-10 20:17 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:javascript结合fileReader 实现上传图片
关于File API这里就不详细解释了,小伙伴们自行度娘吧,来我们就要利用文件句柄来读取文件内容,这是通过FileReader来实现的,通过FileReader接口,我们可以异步地将文件内容加载到内存中,赋予某个js变量。
[u]复制代码[/u] 代码如下:
function getImgSrc(target, callback) {     if (window.FileReader) {         var oPreviewImg = null, oFReader = new window.FileReader();         oFReader.onload = function (oFREvent) {             oPreviewImg = new Image();             var type = target.files[0].type.split("/")[1];             var src = oFREvent.target.result;             oPreviewImg.src = src;             if (typeof callback == "function") {                 callback(oPreviewImg, target, type, src);             }             return oPreviewImg.src;         };         return (function () {             var aFiles = target.files;             if (aFiles.length === 0) {                 return;             }             if (!IsImgType(aFiles[0].type)) {                 alert("You must select a valid image file!");                 return;             }             if (aFiles[0].size > 1024 * 1024) {                 target.value = "";                 alert('Please upload image file size less than 1M.');                 return;             }             oFReader.readAsDataURL(aFiles[0]);         })();     }     if (navigator.appName === "Microsoft Internet Explorer") {         return (function () {             document.getElementById("imagePreview").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = target.value;         })();     } }
以上就是javascript结合fileReader 实现上传图片的关键性代码了,小伙伴们喜欢吗?
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部