jq上传图片,实现本地预览 (不通过接口)

html部分

script部分

$(".imgbox").change(function(){
  var objUrl = _this.getObjectURL(this.files[0]) ;//获取文件信息  
     if (objUrl) {  
      $("#imgpic").attr("src", objUrl);  
   }  
 })      
 getObjectURL(file) {  
	 var url = null;   
	 if (window.createObjectURL!=undefined) {  
	  	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 ;  
} 

效果:
上传前
jq上传图片,实现本地预览 (不通过接口)_第1张图片
上传后
jq上传图片,实现本地预览 (不通过接口)_第2张图片

你可能感兴趣的:(jq,上传图片,本地预览)