如何在用户选择图像文件时使用本地路径更新图像src?

use*_*580 1 javascript php jquery image-processing

HTML

<input type="file" name="picture" value="" />
<img id="preview_pic" src="/images/no-image.jpg" alt="" height="100" width="100" />
Run Code Online (Sandbox Code Playgroud)

我可以看到"文件"输入框被填充了本地文件路径.我想用这个新的本地文件路径替换img src,只是预览他们选择的图像.如果他们选择的文件不是图像文件,则按原样保留默认的无图像.任何想法如何使用Jquery做到这一点.提交表单后,我可以在服务器上处理该文件.

谢谢.

[ps - 我不确定使用哪个事件,这可以确保用户选择了一个文件.例如,当用户点击等时我使用onclick]

Dou*_*ner 9

由于安全限制,您无法执行此操作.对于大多数浏览器,如果提取的页面在其内容中http://有一个file://URL(或者您从file输入中构造了一个),则不会检索该文件.明显的例外是旧版本的Internet Explorer(虽然我自己没有测试过).

有一些插件使用Adobe Flash在上传之前启用客户端图像预览,但是您必须确保正确配置服务器以在发生时自行处理上载.