webuploader如何实现上传图片到服务器功能

要使用WebUploader实现图片上传到服务器功能，你需要按照以下步骤进行操作：
1. 引入WebUploader的JavaScript文件和CSS文件到你的网页中。
2. 创建一个用于显示图片的HTML元素，例如：

<divid="uploader">
<divclass="queueList">
<divid="fileList"class="queueList"></div>
</div>
<divclass="statusBar"style="display:none;">
<divclass="progress">
<spanclass="text">0%</span>
<spanclass="percentage"></span>
</div>
<divclass="info"></div>
<divclass="btns">
<divid="filePicker"></div>
<divclass="uploadBtn">开始上传</div>
</div>
</div>
</div>

3. 初始化WebUploader，并设置一些基本配置，例如：

varuploader=WebUploader.create({
auto:true,//是否自动上传文件
server:'/upload',//文件上传的服务器端接口
pick:'#filePicker',//选择文件的按钮
resize:false,//不压缩image,默认如果是jpeg，文件上传前会压缩一把再上传！
accept:{
title:'Images',
extensions:'gif,jpg,jpeg,bmp,png',
mimeTypes:'image/*'
}
});

4. 监听文件上传成功事件，并获取上传成功后的文件信息，例如：

uploader.on('uploadSuccess',function(file,response){
console.log(response);//上传成功后服务器返回的数据
});

5. 在服务器端接口中，接收上传的文件，并保存到服务器上的指定位置。
这样，你就可以使用WebUploader实现上传图片到服务器的功能了。请注意，你需要根据自己的实际需求和服务器环境，对WebUploader的配置进行相应的调整。