-1

javascriptを使用してファイルのアップロード時に表示される画像を変更できません.これは私のコードです: 

<html>
<head>
    <title> File Upload </title>
    <script>
        function uploadFile() {
            document.getElementById('picturefield').src='file:///'+document.frmaddstudent.picturefile.src;
            //document.getElementById('picturefield').src='http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-2/128/man-icon.png';
        }
    </script>
</head>

<body>
    <b>Image</b>
    <form name="frmaddstudent">
        <img id="picturefield" src="file:///C:/Users/Nasim/Desktop/myimage.jpg">
        <input type="file" name="picturefile" onchange="uploadFile()">
    </form>
</body>
</html>

しかし、私のPCからのファイルのアップロードで画像が変更されていません。firebugでデバッグしたため、の値 は空の文字列document.frmaddstudent.picturefile.srcを 示しています。

document.frmaddstudent.picturefile.value の代わり に使用 するとdocument.frmaddstudent.picturefile.src、値には選択したファイル名のみが表示されますが、.img src

私がここで間違っていることを教えてください。これを行うための Javascript/jQuery の簡単な解決策はありますか?

4

1 に答える 1

0

input file最新のブラウザーは、セキュリティ上の理由から、この機能をサポートしていません。

そのファイルをアップロードしてから、img

于 2012-07-26T09:10:43.367 に答える