如何用 jQuery 直接传文件至七牛

Question

七牛的 token 已经获得, 我想直接用 jquery 传送formData 到七牛

var formData = new FormData(form);
        formData.append('token', token);
        formData.append('file', file, 'test.png');
$.ajax(
      {
        type: 'POST',
        url: 'http://upload.qiniu.com',
        contentType: "multipart/form-data; boundary=whatever" ,
        data: formData,
        processData: false,
      }
    )

服务端返回

error: "invalid multipart format: multipart: NextPart: EOF"

应该如何改进?

Answer 1

<form>
    <input type="file" name="file" />
    <input type="hidden" name="key" />
    <input type="hidden" name="token" />
</form>

$('form').submit(function(e){
    e.preventDefault()
    var formData = new FormData(e.target);
    $.ajax({
        url: 'http://upload.qiniu.com',
        data: formData,
        type: "post",
        processData: false, //让jquery不处理数据
        contentType: false //设置false后浏览器自动识别数据类型
    })
})

Answer 2

这可是跨域post哎，主动ajax传不上去的

请用七牛JS SDK