问上传图片时预览图片
EN

Stack Overflow用户

提问于 2013-08-05 15:33:16

回答 1查看 288关注 0票数 0

我正在使用以下脚本在上传过程中预览图像。但是它没有工作，也没有改变src属性。

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
            reader.onload = function (e) {
            $('#field_header_image 1_preview')
                .attr('src',e.target.result)
                    .width(150)
                   .height(200);
            };
            reader.readAsDataURL(input.files[0]);
    }
}

请查看此处的JS Fiddle http://jsfiddle.net/sw6fW/

file-upload

filereader

回答 1

Stack Overflow用户

发布于 2014-01-27 19:10:09

<html>
<head>
   <script src="jquery.js"></script>
   <meta charset=utf-8 />
   <title>Auto Image Preview</title>
</head>
<body>
  <input type='file' onchange="readURL(this);" />
  <img id="image_prev" src="#" alt="your image" />


<script>
function readURL(input) {
    if (input.files && input.files[0]) {
     var reader = new FileReader();
     reader.onload = function (e) {
     $('#image_prev')
         .attr('src', e.target.result)
         .width(150)
         .height(150);
    };
   reader.readAsDataURL(input.files[0]);
  }
}
</script>

</body>
</html>

请参阅此链接以获得您的问题的答案

http://rameshworpathak.com.np/preview-uploaded-image-using-jquery-while-uploading-image/

希望它能帮助你

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18052799

复制

相似问题

问上传图片时预览图片
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问上传图片时预览图片EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问上传图片时预览图片
EN