jQuery AJAX图像上传文件输入元素


jQuery AJAX image upload on file input element

我试图在通过文件选择框通过AJAX提交给php选择图像时自动上传图像,然后返回它的临时文件夹位置以在div元素中显示此图像。

在同一个表单中还有许多其他的输入元素,我只想在图像预览时这样做。

是否有一种方法,我们可以通过jQuery AJAX做到这一点?

我认为你必须使用像onChange事件…这是正确的吗?

是的,你必须在change事件上做一个jQuery.bind()

我认为这是你所追求的行为:

http://jsfiddle.net/cMEb2/2/

请注意,出于安全原因,一些浏览器对input[type=file]标记的访问是挑剔的,因此您可能无法像其他DOM元素那样容易地读取(或更改)其属性。

异步文件上传并不是真正想要的,因为要创建预览,您需要提前上传文件。不过,您可能需要查看这篇文章。这可能会有所帮助:

http://tomas.epineer.se/archives/3