2

私の最近のプロジェクトで、私は ajax ベースのファイル アップロードに valums ファイル アップローダを使用しましたが、それが私の要件に最適であることがわかりましたが、今はある時点で立ち往生しており、それからドラッグ アンド ドロップ機能を削除したいと考えています。何時間もインターネットを検索しましたが、何も役に立ちませんでした。この部分をプラグインから削除する方法はありますか? これが私のコードです

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

6 に答える 6

4

ドラッグ アンド ドロップ セクションなしで独自のテンプレートを定義できます。たとえば、次のようなものがあります。

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-05T08:52:13.417 に答える
1

この質問に対する受け入れられた回答には同意できません。行を削除する場合

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

qq uploader は を提供throw new error('element not found ' + type)するため、それは確かな解決策ではありません - 誰もページ上の JavaScript エラーを見たくありません (少なくとも私)。

そのドロップ領域を取り除く最も簡単な方法は、css で div を非表示にすることだと思います。

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

これは私にとってはうまくいきます。エラーも div ブロックもありません。

于 2013-08-15T09:35:09.133 に答える
0

代わりに 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 にない他の機能 (リストなど) を使用したい場合は、次のように、fileuploader.js の後に参照される別の JavaScript ファイルで qq.FileUploaderBasic を拡張するだけです。

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-27T23:56:01.643 に答える
0

テキストの色を透明にするだけ

.ajax__fileupload_dropzone {color:transparent;}
于 2013-12-16T04:20:15.943 に答える
0

これは私のために働いた

jQuery('.qq-upload-drop-area').remove();
于 2013-10-07T21:50:37.850 に答える