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

Question

我正在尝试根据输入按钮的值为图像提供源，该按钮的类型为：“file” 但是图像不会出现，因为我从输入类型的值中获得了伪路径：值 是否有另一种获取jpg或png（图像）来源的方法？

Answer 1

您可以使用它来获取文件内容，然后对它们进行base64编码并推送到src值：

http://www.htmlgoodies.com/html5/tutorials/working-with-binary-files-using-the-javascript-filereader-.html#fbid=kLaP_XSD5_E

Answer 2

您可以使用HTML5 FileReader API。如果下面的链接没有帮助

，请参阅下面的链接或尝试使用Google搜索如何使用API

http://www.onlywebpro.com/2012/01/24/create-thumbnail-preview-of-images-using-html5-api/

请注意，这不适用于低于版本10的IE和低于版本6的Safari。有关参考，请参阅：http://caniuse.com/filereader

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

希望它有所帮助。干杯！