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>