Question

我无法使用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>

但是我的电脑上传文件没有改变图像。的价值 document.frmaddstudent.picturefile.src 在我用firebug调试时显示空字符串。

如果我使用 document.frmaddstudent.picturefile.value 代替 document.frmaddstudent.picturefile.src，然后该值仅显示所选文件名，但我需要完整文件路径才能设置为 img src。

任何人都可以告诉我，我在这里做错了什么？在Javascript / jQuery中有没有简单的解决方案呢？

Answer 1

出于安全原因，现代浏览器不支持input file的此功能。

您必须上传该文件，然后在img

中显示该文件

img字段中未显示“文件”类型输入字段中的上传文件

1 个答案: