blueimp jQuery 文件上传新文件顺序
blueimp jQuery file upload new files order
我正在尝试在 blueimp 文件上传脚本中找到位置以更改表中新文件位置的行为。如何通过在表顶部而不是文件列表末尾添加来强制它们?
只需添加属性 prependFiles:true
例:
$('.fileupload').fileupload({
url: 'your_url',
dataType: 'json',
prependFiles:true
});
我通过覆盖文件上传完成的事件侦听器并添加前置而不是追加来做到这一点。
它看起来像这样
$('.fileupload').fileupload({
url: 'phpUpload/index.php?customDir='+saveFolder,
dataType: 'json',
dropZone: $(this),
autoUpload: true,
acceptFileTypes: /('.|'/)(gif|jpe?g|png|pdf|mp3|mp4|wav|doc|docx|ppt)$/i,
maxFileSize: 150000000, // 150 MB
// Enable image resizing, except for Android and Opera,
// which actually support image resizing, but fail to
// send Blob objects via XHR requests:
disableImageResize: /Android(?!.*Chrome)|Opera/
.test(window.navigator.userAgent),
previewMaxWidth: 100,
previewMaxHeight: 100,
previewCrop: true
}).on('fileuploadadd', function (e, data) {
// you can leave this out if you want the default design
data.context = $('<div/>').addClass('existingMediaFile');
$.each(data.files, function (index, file) {
var node = $('<a/>').append($('<span/>').text(file.name));
node.appendTo(data.context);
});
}).on('fileuploaddone', function (e, data) {
$.each(data.result.files, function (index, file) {
$(data.context.children()[index]).prepend(file.name+' '+file.thumbnailUrl);
});
})
相关文章:
- 如何在php中按元素按字母顺序排列json文件
- 带有 CommonsChunkPlugin 的 Webpack 会导致 html 文件中的捆绑顺序错误
- 是否可以通过 AJAX *按顺序*上传文件
- 可以在Rails4中更改JavaScript文件的加载顺序吗
- 如何通过grunt contrib uglify按顺序缩小js文件
- zend按顺序加载js文件
- 使用grunt以正确的顺序插入ember文件
- Gulp-Concat文件的顺序然后是任何其他的js文件
- 分开的javascript文件和按相同顺序合并的文件在技术上有什么区别
- Javascript文件依赖项未通过清单顺序解决
- 如何在多个文件中设置摩卡测试用例的执行顺序
- Rails 指定 JavaScript 文件的加载顺序
- 按 csv 文件的顺序读取列
- blueimp jQuery 文件上传新文件顺序
- 尽管文件顺序正确,但$highcharts不是一个函数
- 播放MP3文件顺序没有HTML5音频与JavaScript
- Gulp-uglify不保存文件顺序
- 节点.js服务器读取文件顺序
- 处理与 WebPack 串联有关的文件顺序
- gulp中不可预测的文件顺序