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

但是从我的电脑上传文件时图像没有被更改。当我使用 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 回答