javascript - ajax 怎么提交input file中的文件

Question

ajax 怎么提交input file中的文件

Answer 1

可以用 FileReader 保存着 data 数据。

参考代码：

# 输入框有变化
$("#article-upload-pic").change ->
  $.readURL(this)


$.readURL = (input) ->
  if (input.files && input.files[0])
    reader = new FileReader() # <- 这行
    reader.onload = (e) ->
       # 实时预览
       $('#main-image').attr('src', e.target.result)
    reader.readAsDataURL(input.files[0]) # <- 这行

上面是用 coffee script 写的。

Answer 2

XmlHttpRequest2 FormData

Answer 3

提交value值

Answer 4

参考：http://www.getuikit.net/docs/upload.html

Answer 5

可以使用@苏生不惑的方式 也可以使用 jq插件 fileupload

Answer 6

一般来说，都是以 POST 的方式提交到另一个 iframe 中去的，比如 jquery.form.js 。