Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jquery fileupload从剪贴板上载图像_Jquery_File Upload - Fatal编程技术网

使用jquery fileupload从剪贴板上载图像

使用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

我想使用ctrl+c或alt+PrtScr命令上传一个图像,然后粘贴到一个或多个容器中,以便在服务器上上传它们。我正在使用一个现有的JQuery函数(包含在下面),但是我无法对它进行编码。请给我指路

$(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");
        }
    }