桂林一枝花 发表于 2017-2-6 21:39:28

分享图片上传预览功能

不多说,直接上代码。
        function showPreview(source) {
          var file = source.files;
          if(window.FileReader) {
              var fr = new FileReader();
              fr.onloadend = function(e) {
                document.getElementById("portrait").src = e.target.result;
              };
              fr.readAsDataURL(file);
          }
        }



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


复制粘贴即可见效果
页: [1]
查看完整版本: 分享图片上传预览功能