1

PCから画像ファイルをアップロードしています。次に、filereader を使用してファイルを読み取り、アップロードされた画像をプレビューします。firefoxでは問題なく動作しています。しかし、クロムでは、reader.readAsDataURL(); の出力以外はすべて機能します。クロムでは空になります。

ここに私のコードがあります、

<body>
   <form name="Upload" enctype="multipart/form-data" method="post">
       Filename: <INPUT type="file" id="submit">
       <INPUT type="button" id="send" value="Upload">
   </form>
   <div 
       id="div" 
       align="center" 
       style="height: 200px;width: 500px;border-style: ridge;border-color: red">
   </div>
</body>

<script type="text/javascript">
    document.getElementById('send').onclick=function()
    {
        var imag = document.createElement("img");
        var thumbnail = document.getElementById("div");
        if(document.all) {
        imag.src = document.getElementById('submit').value;
        }
        else {
        function handlefilereader(evt){
        var target = evt.target || evt.srcElement;
        imag.src = evt.target.result; 
        }

        var reader = new FileReader()
        reader.onload = handlefilereader;
        reader.readAsDataURL(document.getElementById('submit').files[0]);   
        }
        thumbnail.appendChild(imag);
    }
</script>

4

1 に答える 1