ajax上传图片的file信息？

Question

下面代码执行之后总是报错，

jquery-1.11.3.js:9508 Uncaught TypeError: Illegal invocation

代码：

<input type="file">

js代码

var file = $('input')[0].files[0];

$.post(url,{

    img:file,

    imgtype:'.png'

})

Answer 1

呵呵。。。1、使用ajax上传，得是html5的formdata;2、不使用ajax就用form表单post过去；

Answer 2

<form enctype="multipart/form-data" method='post' > <input type="file" name='img'/> </form> <button>提交</button> <script type="text/javascript" src="js/jquery-1.11.3.js"></script> <script type="text/javascript"> $('button').click(function(){ var file = $('input')[0].files; $.post(url,{ img:file, imgtype:'.png' },function(data){ console.log(data); }) }) </script>