2

jquery file uploaderを使用しています。ブラウザから Amazon S3 に直接アップロードするファイルが必要です。プラグインの最小限の設定で、単一のアップロードで問題なく動作しています。S3 に直接アップロードする必要がある同じファイルの 3 つのサイズが必要です。だから私はprocessQueueそれに使用できると思いますが、今までうまくいきませんでした。

私はrequireJS環境でファイルアップローダーを使用しています。以下はコードです、私は試しました。

$('.fileupload').fileupload({
    url: '//testbucket.s3.amazonaws.com', 
    type: 'POST',
    autoUpload: true,
    dataType: 'xml', // S3's XML response
    add: function (e, d) { console.log('add') };
    success: function (e, d) {},
    processQueue : [
        {
            action : 'loadImage',
            fileTypes : /^image\/(gif|jpeg|png)$/,
            maxFileSize : 5120000
        }, {
            action : 'resizeImage',
            maxHeight : 400,
            crop : false
        }, {
            action : 'saveImage'
        }, {
            action : "setImage"
        }
    ],
    processstart: function (e) {
        console.log('Processing started...');
    },
    process: function (e, data) {
        console.log('Processing ' + data.files[data.index].name + '...');
    },
    processdone: function (e, data) {
        console.log('Processing ' + data.files[data.index].name + ' done.');
    }
});

これらは、requireJS モジュールに含めたモジュールです。

define(
    [
        'jquery', // jQuery Library
        'jquery.ui.widget', //  https://github.com/blueimp/jQuery-File-Upload
        'load-image',       // https://github.com/blueimp/JavaScript-Load-Image
        'canvas-to-blob',    // https://github.com/blueimp/JavaScript-Canvas-to-Blob
        'jquery.iframe-transport', // https://github.com/blueimp/jQuery-File-Upload 
        'jquery.fileupload',       // https://github.com/blueimp/jQuery-File-Upload
        'jquery.fileupload-process',  //https://github.com/blueimp/jQuery-File-Upload
        'jquery.fileupload-image'  // https://github.com/blueimp/jQuery-File-Upload
    ],

この問題を解決するには?

4

1 に答える 1