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
],
この問題を解決するには?