分享图片上传预览功能

不多说，直接上代码。

[JavaScript] 纯文本查看 复制代码

	function showPreview(source) {
	  var file = source.files[0];
	  if(window.FileReader) {
	      var fr = new FileReader();
	      fr.onloadend = function(e) {
	        document.getElementById("portrait").src = e.target.result;
	      };
	      fr.readAsDataURL(file);
	  }
	}

HTML代码

[HTML] 纯文本查看 复制代码

	<input type="file" name="file" />
	<img id="portrait" src="" width="70" height="75">

复制粘贴即可见效果