Question

jquery如何将页面生成的图片上传到服务器

Answer 1

File Upload组件啊，是同步还是异步呢
html部分：
<input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*">
文件引入：
<link rel="stylesheet" type="text/css" href="diyUpload/css/diyUpload.css"><script type="text/javascript" src="diyUpload/js/diyUpload.js"></script>
HTML部分：
<div id="demo"> <div id="as" ></div></div>
JS部分：
<script type="text/javascript">
/** 服务器地址,成功返回,失败返回参数格式依照jquery.ajax习惯;* 其他参数同WebUploader*/
$('#as').diyUpload({
url:'server/fileupload.php',
success:function( data ) {
console.info( data ); },
error:function( err ) {
console.info( err );
},
buttonText : '选择文件', chunked:true, // 分片大小
chunkSize:512 * 1024, //最大上传的文件数量, 总文件大小,单个文件大小(单位字节);
fileNumLimit:50,
fileSizeLimit:500000 * 1024,
fileSingleSizeLimit:50000 * 1024,
accept: {}});
</script>

Answer 2

1<form class="xxx" enctype='multipart/form-data'> 在from里面加上enctype='multipart/form-data'
2 var img = $('.图片')[0].files[0];获取图片； var fd = new FormData();创建一个fromdata
3. fd.append("参数名",img); 将参数名与参数值以key value形式组合起来
4 $.ajax({
url:'xxx,
type:'post',
processData: false, //必须要写
contentType: false, //必须要写
data:fd,
success:function(data){
}
});

Answer 3

直接利用formData传递，new一个formData的对象，把图片用file提交到后台，其他的就是后台处理的事了
formData文件传递方法：
var formData = new FormData();
formData.append("files[]",$(this)[0].files[0]);

Answer 4

把图片路径作为参数，ajax异步传到后台方法中上传服务器，直接用Jquery传是不行的，它没有权力跟服务器打交道