如何从一个用户动态地给一个src到img

我试图给一个图像从一个输入按钮的值有一个类型的来源：“文件” ，但图像不会出现，因为我从输入类型的值中获得的假路径：值是否有另一种获得jpg或png（图像）源的替代方法？如何从一个用户动态地给一个src到img

2013-02-08 Tarek

有点多说明你的代码plz .. – Rinku

本地文件？在较新的浏览器中有[File API]（https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications），但在此之前，无法获取本地文件的正确路径和名称。 – Teemu

您可以使用它来获取文件内容，然后Base64编码，他们推到src值：

2013-02-08 08:37:09 rostamn739

虽然是解决此问题的麻烦方法，但最好还是请求/响应往返 – rostamn739

您可以使用HTML5的FileReader API。见下面的链接，或者尝试使用Google如何使用API，如果下面的链接并不能帮助

注意到，这并不在IE浏览器低于版本10和Safari比6版本对于较低请参阅：http://caniuse.com/filereader

出于安全原因，这些浏览器不允许用户在本地计算机上获取正确的路径。如果您真的想在这些浏览器上完成这项工作，您可以尝试将图像存储在后端。

希望它有帮助。干杯!

2013-02-08 10:12:24 rhandom

回答