Question

我有一个上传框...

<form action="upload_file.php" method="post" enctype="multipart/form-data"><BR>
    <label for="file">Filename:</label><BR>
    <input type="file" name="file" id="file" /><BR> 
    <input type="submit" name="submit" value="Submit" />
</form>

现在，当我单击“浏览”并获取要上传的图像并单击它时，它会将文件的路径显示在随附的文本框中。现在我想获取该路径并将其插入<img>标记，以便在上传之前显示以进行预览。

Answer 1

最近的浏览器不会让您获得该类型的信息。文件输入对安全性的限制更多。

Answer 2

Facebook等网站使用签名的Java小程序进行此类操作（以启用本地文件读取），并将图像上载集成到其中。从技术上讲，你可以在Java和Javascript之间传递数据来填充它以进行上传，但整件事情都是非常重要的:)查看http://jumploader.com/可能有用的东西。

alt text http://jumploader.com/clips/ss_small.png

Answer 3

试试这个：

<script>
function lalala(str){
    alert(str);
}
</script>

<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">

<input type="file" name="file" id="file" onchange="lalala(this.value);" />
</form>

它在IE8中对我有用它给了我完整的路径，但在firefox和chrome只是打印文件名：（

如何在上传文件之前获取文件的路径？

3 个答案: