ajax上传文件与图片

	<form name="form1" id="form1">    
		<input id="avatarFile" accept="image/*" name="head_img" data-role="none" type="file"/>  //确定name的值根后台商量好
	</form>

			$("body").on("click",".shop-backstage-my-account-number",function(){
				var form=document.getElementById("form1"); //获取id值
				var fd =new FormData(form);  //需要上传的图片

				mycars = {"type_id":"3","seller_id":"1"};  //
				var jsonStr = JSON.stringify( mycars);
				var token = md5("3"+"1"+"fd"+timestamp)+timestamp;//三个自定义的参数
				fd.append('jsonStr',jsonStr); //添加自定义的值
				fd.append('token',token);     //添加自定义的值
					$.ajax({
					url: "",   //地址啊
					type: "POST",
					data: fd,  //上传data的值
					processData: false,  // 告诉jQuery不要去处理发送的数据
					contentType: false,   // 告诉jQuery不要去设置Content-Type请求头
						success: function(data){
							console.log(data);
						}
					});
					return false;
			});          

$("body").on("change", "input[type=file]", function() { 
            var $file = $(this);
            var fileObj = $file[0];
            var windowURL = window.URL || window.webkitURL;
            var dataURL;
            var $img = $(this).prev(); 
          dataURL = windowURL.createObjectURL(fileObj.files[0]);  //获取input地址
            $img.show();
            $img.attr('src', dataURL);
          });