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

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

我已经编写了类似这样的代码

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

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

</file>

---

因此，只要我浏览并从本地服务器选择文件，该路径就应该设置为image tag。任何帮助都将不胜感激。提前谢谢

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

---

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

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

---

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

但我不想在操作之前将其发送到服务器。我正在努力研究Jcrop。但是在这个例子中，当我们加载页面时，他们正在获取图像。请检查链接。谢谢你的快速回复。检查链接后，请再次回复我。它们还使用预定义的图像，而不是用户选择/上传的图像。您必须将它们保存在服务器上，重新加载到页面上，然后调用jcrop并进行操作。感谢您的快速回复。我正在wamp上运行它，我的目的是浏览并将url设置为image标记，因为我需要为JCrop图像库实现它。在他们的示例中，他们直接采用了路径，并且在加载页面时，图像被加载。有解决办法吗？请参阅该网页的链接和源代码。你会马上得到我的问题。请帮帮我。提前谢谢。这是deepliquid.com/projects/Jcrop/demos.php？demo=live_cropWhat我看到有一个简单的裁剪函数：一个显示在服务器上的图像，一些包含要裁剪的坐标的隐藏输入，以及一个在提交时裁剪图像的php脚本。如果你想从客户端使用一个文件，你首先必须把它上传到服务器上，否则你就不能用它做任何事情-这是一个安全功能。哦，好的。。。因此，正如您建议将其上载到服务器上，然后对其进行裁剪，如果用户将其上载到服务器上，但未进行裁剪，则服务器上会有一个不必要的额外文件。解决办法是什么？