jquery html5 file 上传图片显示图片

页面导航:首页 > 网络编程 > JavaScript > jquery html5 file 上传图片显示图片

jquery html5 file 上传图片显示图片

来源: 作者: 时间:2016-02-05 11:06 【

最近做了一个小例子,在上传用户图像时,如何在上传图片时显示图片。在网上找了很多资料也未能如愿,如是,就用jquery ,html5,实现了,由于开发是在linux 所以未能在ie下测试,在fore

最近做了一个小例子,在上传用户图像时,如何在上传图片时显示图片。在网上找了很多资料也未能如愿,如是,就用jquery ,html5,实现了,由于开发是在linux 所以未能在ie下测试,在forefox,chrom下是可以的。


一、html下的代码是:

     
相:

二、jquery js 的代码:不同下的路径

	    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 ;
	    }


三、显示图像:

var strsrc=getObjectURL(this.files[0]);
$("#show_img").attr("src",strsrc);



Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<