使用jquery fileupload从剪贴板上载图像
我想使用ctrl+c或alt+PrtScr命令上传一个图像,然后粘贴到一个或多个容器中,以便在服务器上上传它们。我正在使用一个现有的JQuery函数(包含在下面),但是我无法对它进行编码。请给我指路使用jquery fileupload从剪贴板上载图像,jquery,file-upload,Jquery,File Upload,我想使用ctrl+c或alt+PrtScr命令上传一个图像,然后粘贴到一个或多个容器中,以便在服务器上上传它们。我正在使用一个现有的JQuery函数(包含在下面),但是我无法对它进行编码。请给我指路 $(function(){ var btnUpload=$('#upload'); var status=$('#status'); new AjaxUpload(btnUpload, { action: 'upload-file.php', //Name of
$(function(){
var btnUpload=$('#upload');
var status=$('#status');
new AjaxUpload(btnUpload, {
action: 'upload-file.php',
//Name of the file input box
name: 'uploadfile',
onSubmit: function(file, ext){
if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
// check for valid file extension
status.text('Only JPG, PNG or GIF files are allowed');
return false;
}
status.text('Uploading...');
},
onComplete: function(file, response){
//On completion clear the status
status.text('');
//Add uploaded file to list
if(response==="success"){
$('<li></li>').appendTo('#files').html('<img src="./uploads/'+file+'" alt="" /><br />'+file).addClass('success');
} else{
$('<li></li>').appendTo('#files').text(file).addClass('error');
}
}
});});
$(函数(){
var btnUpload=$('上传');
变量状态=$(“#状态”);
新的AjaxUpload(btnUpload,{
操作:“upload file.php”,
//文件输入框的名称
名称:“上载文件”,
onSubmit:函数(文件,ext){
如果(!(ext&&/^(jpg | png | jpeg | gif)$/.test(ext)){
//检查文件扩展名是否有效
text('只允许JPG、PNG或GIF文件');
返回false;
}
status.text('上传…');
},
onComplete:函数(文件、响应){
//完成后清除状态
状态。文本(“”);
//将上载的文件添加到列表
如果(响应==“成功”){
$(“”).appendTo(“#files”).html(“
”+file.addClass('success');
}否则{
$(“”).appendTo(“#files”).text(file).addClass('error');
}
}
});});
我将对提供的任何帮助表示感谢 如果你想使用剪贴板中的数据,你应该检查 基本上,一旦你得到了数据,你就需要一个文件接口来上传它 例如:
file = item.getAsFile() -> Returns a File object
因此,您需要以类似的方式处理粘贴的数据以获得文件接口
发件人:
功能手柄固定(e){
对于(var i=0;i
你说的“我无法编写代码”是什么意思?你到底尝试了什么,出现了什么问题?发生了什么,你期望发生什么?谢谢你的代码,但我已经做了应用程序…但我会接受它,它可能会在其他方面有所帮助。再次感谢你。不客气。下次你解决问题后,可以回答你自己的问题。我正如你所说,它可能会帮助别人。
function handlePaste(e) {
for (var i = 0 ; i < e.clipboardData.items.length ; i++) {
var item = e.clipboardData.items[i];
console.log("Item type: " + item.type);
if (item.type.indexOf("image") != -1) {
uploadFile(item.getAsFile());
} else {
console.log("Discarding non-image paste data");
}
}