1

我有一个很小的疑问。我有一个 html 标签来浏览文件。当我从本地服务器浏览文件时，我想将该路径设置为图像标签的源。是否可以实施？

我编写了这样的代码。

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

   <input type="file" name="img" />
   <img src=""></img>

</file>

因此，当我从本地服务器浏览并选择文件时，该路径应设置为图像标签。我的目的是浏览图像并将其显示在该页面本身中。任何帮助将不胜感激。提前致谢。

4

2 回答 2

1

您需要的是客户端文件的完整路径 - 这是不允许的（另请参见此线程）。

对不起，伙计，但如果不将文件发送到服务器，除了获取文件名（而不是路径）、文件类型和文件大小之外，您无法对其进行任何操作。

于 2012-05-16T11:30:35.340 回答
1

浏览器现在允许您从 input[type=file] 标签访问文件的路径很长一段时间。你不能像你试图做的那样简单地做。为了实现在用户选择文件后显示文件的目标，您实际上需要将其上传到您的服务器。这通常需要页面刷新，但是有很多可用的 javascript 库可以在不刷新页面的情况下实现它。文件上传后，您可以“ping back”一个 URL 以查看图像，并将其加载到您的图像标签中。

我最近用来进行内联文件上传的 jQuery 库是jQuery File Upload

于 2012-05-16T11:15:44.837 回答