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 に答える