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

Question

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

我的代码是这样的。

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

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

</file>

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

Answer 1

浏览器现在允许您从 long 时间的输入[type = file]标记访问文件的路径。你不能像你想要的那样简单地做到这一点。为了在用户选择文件后实现显示文件的目标，您实际上需要将其上传到服务器。这通常需要页面刷新，但是有大量的javascript库可用，以便在不刷新页面的情况下实现。上传文件后，您可以“ping”网址以查看图片，并将其加载到图片代码中。

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

Answer 2

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

很抱歉，但是没有将文件发送到服务器，除了获取文件名（不是路径），文件类型和文件大小之外，您无法对其执行任何操作。