JS实现用户上传图片并预览(图片fakepath问题)

来源:互联网 发布:爱淘宝买东西如何返利 编辑:程序博客网 时间:2024/06/07 19:48

    上传图片时,有时候需要获取文件的本地路径,但是浏览器的安全机制会使得路径被fakepath代替,当然,调整浏览器的相关安全设置可以解决这个问题。但我们不可能让所有用户都通过设置浏览器的安全设置来进行图片上传。


$(function(){          function getObjectURL(file){                var url=null                 if(window.createObjectURL!=undefined){     // basic                    url=window.createObjectURL(file)                }else if(window.URL!=undefined){     // mozilla(firefox)                    url=window.URL.createObjectURL(file)                } else if(window.webkitURL!=undefined){     // webkit or chrome                    url=window.webkitURL.createObjectURL(file)                }                return url  ;          }            $("#imgFile").change(function(){                var objUrl=getObjectURL(this.files[0]);                var size=this.files[0].size;                if(size>=1024000*5)bottomTip("图片超过5M了哦",0);                else{                     if(objUrl){                            $("#showImg").attr("src",objUrl);                      }                }             })  ;      })  
 

    




原创粉丝点击