刪除從值的拖放fileuploader

嘿傢伙在我最近的項目中，我已經使用valums文件上傳爲基於ajax的文件上傳，因爲我發現它與我的要求最好，但現在我卡在一點，那是我想刪除拖放功能，我已經搜索了幾個小時的互聯網，但沒有發現有幫助。有什麼辦法從插件中刪除這部分？這是我的代碼刪除從值的拖放fileuploader

uploader = new qq.FileUploader({ 
     element:  $('#file-uploader')[0], 
     action:   base_url + 'assets/scripts/server-side/server-side-uploader.php', 
     debug:   true, 
    });

來源

2012-04-17 Shayan Husaini

嘗試，但沒有奏效..... :( – 2012-04-17 11:57:28

您可以定義自己的模板，而無需拖放部分，例如我有：

template: '<div class="qq-uploader">' + 
       '<div class="qq-upload-drop-area"><span>Drop files here to upload</span></div>' + 
       '<div class="qq-upload-button">Upload Proof</div>' + 
       '<ul class="qq-upload-list"></ul>' + 
      '</div>',

從模板刪除以下行來禁用拖放功能

'<div class="qq-upload-drop-area"><span>Drop files here to upload</span></div>' +

來源

2012-09-05 08:52:13

很大，它的工作感謝您的幫助。 ... :) – 2012-09-05 09:03:38

也評論/刪除 this._setupDragDrop（）; 防止發生Javascript錯誤 – 2015-03-31 12:29:52

改爲使用FileUploaderBasic。 qq.FileUploader實際上擴展FileUploaderBasic，並添加列表支持和拖/放東西。 FileUploaderBasic僅實現按鈕和驗證。

var uploader = new qq.FileUploaderBasic({ 
    // pass the dom node (ex. $(selector)[0] for jQuery users) 
    element: document.getElementById('file-uploader'), 
    // path to server-side upload script 
    action: '/server/upload' 
});

如果你想使用一些其他功能，FileUploaderBasic沒有（如列表），只是延長qq.FileUploaderBasic在fileupoader.js後引用的單獨的JavaScript文件，像這樣：

var qq = qq || {}; 

qq.extend(qq.FileUploaderBasic.prototype, { 
//override uploader stuff by just creating a function with the same name, 
//like this function that creates the upload button 
_createUploadButton: function(element){ 
    var self = this; 
    //make whatever modifications you want here 
    return new qq.UploadButton({ 
     element: element, 
     multiple: this._options.multiple && qq.UploadHandlerXhr.isSupported(), 
     onChange: function(input){ 
      self._onInputChange(input); 
     }   
    });   
} 
});

來源

2012-04-27 23:56:01 Dusda

我不能對這個問題接受的答案一致。在行刪除的情況下

'<div class="qq-upload-drop-area"><span>Drop files here to upload</span></div>' +

QQ上傳給throw new error('element not found ' + type)，所以這是不是就解決方案 - 沒有人希望看到頁面上的JavaScript錯誤（至少我）。

最簡單的方法，我認爲，要擺脫下降區是隱藏與CSS股利：只是做

.qq-upload-drop-area { 
    display: none; 
}

這工作對我很好。沒有錯誤，沒有div塊。

來源

2013-08-15 09:35:09 kovpack

REAL解決方案是使用這個庫的最新版本[Fine Uploader]（http://fineuploader.com），它爲您提供了更多的控制（並增加了許多功能和修復）。 Fine Uploader中提供了多種選項和API方法，可讓您完全刪除拖放區或添加多個拖放區。 [FAQ]（http://docs.fineuploader.com/overview/faq.html）介紹了這種確切的場景。 – 2013-08-15 13:49:51

這個工作對我來說

jQuery('.qq-upload-drop-area').remove();

來源

2013-10-07 21:50:37 chiliNUT

只是使文字顏色透明

.ajax__fileupload_dropzone {color:transparent;}

來源

2013-12-16 04:20:15 Mike

var uploader = new qq.FileUploader({ 
.... 
}); 

qq.attach(document, 'dragenter', function(e) { 
    $('.qq-upload-drop-area').hide(); 
});

來源

2014-09-10 05:05:45 Saranga

刪除從值的拖放fileuploader

回答

相關問題