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/

4

1 回答 1

0 
<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/

希望它会帮助你

于 2014-01-27T11:10:09.123 回答