//html
<input type="file" id="choose" accept="image/*" multiple>
<ul class="img-list"><li><a id="upload"></a></li></ul>
//js
var formdata = getFormData();
var filesData = [],sendData = [];
//formdata 上传图片
function uploadFile() {
$.ajax({
url: '上传路径',
type: 'POST',
data: formdata,
async: false,
cache: false,
contentType: false,
processData: false,
success: function(returndata) {
},
error: function(returndata) {
}
});
}
}
$(function() {
var filechooser = document.getElementById("choose");
// 用于压缩图片的canvas
var canvas = document.createElement("canvas");
var ctx = canvas.getContext('2d');
// 瓦片canvas
var tCanvas = document.createElement("canvas");
var tctx = tCanvas.getContext("2d");
var maxsize = 100 * 1024;
$("#upload").on("click", function() {
filechooser.click();
})
.on("touchstart", function() {
$(this).addClass("touch")
})
.on("touchend", function() {
$(this).removeClass("touch")
});
filechooser.onchange = function() {
if (!this.files.length) return;
var files = Array.prototype.slice.call(this.files);
if (files.length > 4 || sendData.length > 4) {
alert("最多同时只可上传4张图片");
return;
}
$(".img-list li").eq(0).siblings().remove()
</