如何在同一页面中浏览和显示图像？

Question

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

我编写了类似的代码。

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

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

</file>

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

Answer 1

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

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

Answer 2

您需要的是客户端文件的完整路径 - 这是不允许的（另请参阅this thread）。

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