Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从用户动态地向img提供src_Javascript_Html_Css - Fatal编程技术网

Javascript 如何从用户动态地向img提供src

Javascript 如何从用户动态地向img提供src,javascript,html,css,Javascript,Html,Css,我试图通过输入按钮的值为图像提供一个源,该按钮的类型为:“file” 但是图像不会出现,因为我从输入类型value中获得的路径是假的:value 是否有其他方法获取jpg或png(图像)的源?您可以使用此方法获取文件内容,然后对其进行base64编码并推送到src值: 您可以使用HTML5文件阅读器API。请参阅下面的链接,如果下面的链接没有帮助,请尝试通过谷歌搜索如何使用API 请注意,这不适用于低于版本10的IE和低于版本6的Safari。有关参考资料,请参阅: 出于安全原因,这些浏览器不

我试图通过输入按钮的值为图像提供一个源,该按钮的类型为:“file” 但是图像不会出现,因为我从输入类型value中获得的路径是假的:value
是否有其他方法获取jpg或png(图像)的源?

您可以使用此方法获取文件内容,然后对其进行base64编码并推送到
src
值:


您可以使用HTML5文件阅读器API。请参阅下面的链接,如果下面的链接没有帮助,请尝试通过谷歌搜索如何使用API

请注意,这不适用于低于版本10的IE和低于版本6的Safari。有关参考资料,请参阅:

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


希望能有帮助。干杯

对您的代码plz..本地文件进行多一点解释?在较新的浏览器中有,但在此之前,无法获得本地文件的正确路径和名称。虽然这是一种麻烦的解决方法,但您最好使用请求/响应往返