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

How to browse and display the image in the same page?

本文关键字：浏览 显示 显示图 图像 一页      更新时间：2023-09-26

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

我已经编写了这样的东西。

<form name="image" id="image" enctype="multipart/form-data" action="" method="post">
   <input type="file" name="img" />
   <img src=""></img>
</file>

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

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

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

您需要的是

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

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

相关文章：