图片黏贴上传代码 New
自己在谷歌搜索找到的，目前不知道如何使用有懂的希望告知一下。网页端实现代码//查找 Msg 元素,检测当粘贴时候,
document.querySelector('#Msg').addEventListener('paste', function(e)
{
if (!(e.clipboardData && e.clipboardData.items)) {
return;
}
for (var i = 0, len = e.clipboardData.items.length; i < len; i++) {
var item = e.clipboardData.items;
console.log(item);
if (item.kind === "string") {
item.getAsString(function (str) {
console.log(str);
layer.msg("请粘贴图片上传", {
icon: 2,
shade: ,
offset: '15px',
time: 1000
})
})
$("#Msg").html(""); //jQuery方法一
} else if (item.kind === "file") {
var blob = item.getAsFile();
console.log('fff:');
console.log(blob);
if (blob.size === 0) {
return;
}
var data = new FormData();
data.append("image", blob);
$.ajax({
url: '/pastepic.php?ac=up_paste_img',
type: 'POST',
cache: false,
data: data,
processData: false,
contentType: false,
success: function (result) {
console.log(result);
//if (result.code == "0") {
console.log(result.msg)
//var html = "";
//$("#Msg").html(html);
//} else {
console.log(result.msg)
//}
}
});
}
}
}, false);
服务器端php代码
服务器端很简单，直接使用discuzX3.5现成的上传函数即可。
图片处理函数：pic_upload($file, 'album', 40, 30, 2)
图片保存在album文件夹，同时生成jpg格式的缩略图。
页:
[1]