用户添加图像时的事件处理程序

Question

我有一个表单，允许用户自己上传他们的图像。我需要一个jQuery事件处理程序来处理上传时的输入。一如既往地帮助格拉西亚斯。

<script>
  $('#imageFile').someeventhander(function(){do some work son!});
</script>

<input id="imageFile" type="file">

Answer 1

这是一个非常复杂的问题，因为在您提交表单之前，文件输入不会上传。请参阅此相关问题：

How can I upload files asynchronously?

Answer 2

$('#imageFile').change I believe is what I needed.

Answer 3

要上传文件，您需要服务器接受该文件并将响应发送回浏览器。然后jQuery可以使用响应来触发事件或调用函数。所以答案取决于服务器处理上传的方式。

swfUpload是一种流行的解决方案，它使用小型Flash电影来处理上传。有一个jQuery插件可以触发大量事件，允许您监视上传的开始/进度/错误/完成。