Это стандартный код взятый из примера на сайте. Я его использую для загрузки картинок на сайт. Но возникли проблемы, перекопал весь инет. Файлы закачивает какие попало. Вроде ставишь acceptFileTypes: /(\.|\/)(jpeg|png)$/i, а нифига. Некоторые файлы продолжает пропускать. Например архивы уже не грузит. но pdf грузит. Как сделать ресайз загружаемого изображения? И ОЧЕНЬ ВАЖНО как ПРЕКРАТИТЬ
действие. если например файл который загружается, не правильного формата.
Все в инетах пишут практически одно и тоже из мануала. Но оно у меня не работает , потому что КАК его использовать, этот чертов код, никто не пишет. Пожалуйста можете дать РЕАЛЬНО РАБОТАЮЩИЙ пример со всем этим, чтоб можно было посмотреть че да как. На англ ресурсы давать ссылки практически бесполезно.
$(function () {
// Change this to the location of your server-side upload handler:
var url = window.location.hostname === 'blueimp.github.io' ?
'//jquery-file-upload.appspot.com/' : 'add_avatar/server/php/';
$('#fileupload').fileupload({
url: url,
dataType: 'json',
options: {
// The maximum allowed file size:
maxFileSize: 100000000,
acceptFileTypes: /(\.|\/)(jpeg|png)$/i,
},
done: function (e, data) {
$.each(data.result.files, function (index, file) {
$('<input type="text" readonly="readonly" id="readonly" name="readonly" value="'+file.name+'">').appendTo('#files');
$('#progress').after('<div id="photo_holder"><p class="result"><strong>Результат(170x170):</strong></p><p class="origin"><strong>Оригинал:</strong></p><img src="../avatars/'+file.name+'" id="photo"><div class="obr_but" onClick="crop_but()">Обрезать</div><div class="crop_desc"><i>Выберите необходимую область на оригинале и нажмите "обрезать"</i></div></div>');
$('#fileupload').attr('disabled', 'disabled');
mini(file.name);
});
},
progressall: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#progress .progress-bar').css(
'width',
progress + '%'
);
},
}).prop('disabled', !$.support.fileInput)
.parent().addClass($.support.fileInput ? undefined : 'disabled');
});
