15 Soru: BlueFim dosya y├╝kleme eklentisinde maxFileSize ve acceptFileTypes ├žal─▒┼čm─▒yor. Niye ya?

taraf─▒ndan olu┼čturulan soru Wed, Jul 3, 2013 12:00 AM

Dosyalar─▒ y├╝klemek i├žin Blueimp jQuery dosya y├╝kleme eklentisini kullan─▒yorum.

Y├╝kleme i┼čleminde sorun ya┼čamad─▒m, ancak maxFileSize ve acceptFileTypes se├žene─či ├žal─▒┼čm─▒yor.

Bu benim kodum:

 
$(document).ready(function () {
    'use strict';

    $('#fileupload').fileupload({
        dataType: 'json',
        autoUpload: false,
        acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
        maxFileSize: 5000000,
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p style="color: green;">' + file.name + '<i class="elusive-ok" style="padding-left:10px;"/> - Type: ' + file.type + ' - Size: ' + file.size + ' byte</p>')
                    .appendTo('#div_files');
            });
        },
        fail: function (e, data) {
            $.each(data.messages, function (index, error) {
                $('<p style="color: red;">Upload file error: ' + error + '<i class="elusive-remove" style="padding-left:10px;"/></p>')
                    .appendTo('#div_files');
            });
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);

            $('#progress .bar').css('width', progress + '%');
        }
    });
});
    
82
  1. Merhaba, dosya y├╝kleme i├žin bu kodu uygulamaya ├žal─▒┼č─▒yorum ancak Dosya y├╝kleme hatas─▒ yazan hatay─▒ al─▒yorum: Y├╝klenen bayt dosya boyutunu a┼č─▒yor L├╝tfen ne oldu─čunu ├Ânerebilir misiniz sebep?
    2016-02-01 10: 31: 23Z
  2. @ JayMaharjan maxFileSize ├Â─česinin d├╝zg├╝n yap─▒land─▒r─▒ld─▒─č─▒ndan emin misiniz?
    2016-02-01 10: 38: 25Z
  3. ┼×imdi php.ini dosyas─▒nda do─čru yap─▒land─▒rmay─▒ yapt─▒ktan sonra b├╝y├╝k dosyalar─▒ y├╝kleyebiliyorum. Yard─▒m─▒n i├žin te┼čekk├╝rler. :)
    2016-02-07 06: 37: 24Z
  4. Benim durumumda, gif yeniden boyutland─▒r─▒ld─▒ ve png'ye d├Ân├╝┼čt├╝r├╝ld├╝ ve ard─▒ndan gif i├žin filtre a├ž─▒k bir ┼čekilde ba┼čar─▒s─▒z oldu. Ve garip bir ┼čekilde, olup bitti─čini ├Â─črendi─čim andan itibaren kendi kendine ├žal─▒┼čmaya ba┼člad─▒, k├╝t├╝phane ile bir ┼čey yap─▒p yapmad─▒─č─▒m─▒ kontrol ettim, hi├žbir ┼čey yoktu, t├╝m yapt─▒─č─▒m konsolu kald─▒rd─▒m ve hala ├žal─▒┼č─▒yordum. Bunu g├Ândermek, birisinin yard─▒m etmesine yard─▒mc─▒ olabilir.
    2017-05-26 12: 09: 58Z
15 Yanıtlar                              15                         

Ayn─▒ sorunu vard─▒ ve blueimp adam─▒ " maxFileSize ile acceptFileTypes yaln─▒zca" diyor UI s├╝r├╝m├╝nde destekleniyor "ve _validate ve _hasError y├Ântemlerini dahil etmek i├žin bir (bozuk) ba─člant─▒ sa─člad─▒.

Bu y├╝zden senaryoyu kar─▒┼čt─▒rmadan bu metotlar─▒n nas─▒l kullan─▒laca─č─▒n─▒ bilmeden bu k├╝├ž├╝k fonksiyonu yazd─▒m. Benim i├žin ├žal─▒┼č─▒yor gibi g├Âr├╝n├╝yor.

Sadece bunu ekleyin

 
add: function(e, data) {
        var uploadErrors = [];
        var acceptFileTypes = /^image\/(gif|jpe?g|png)$/i;
        if(data.originalFiles[0]['type'].length && !acceptFileTypes.test(data.originalFiles[0]['type'])) {
            uploadErrors.push('Not an accepted file type');
        }
        if(data.originalFiles[0]['size'].length && data.originalFiles[0]['size'] > 5000000) {
            uploadErrors.push('Filesize is too big');
        }
        if(uploadErrors.length > 0) {
            alert(uploadErrors.join("\n"));
        } else {
            data.submit();
        }
},

.fileupload se├ženeklerinin ba┼č─▒nda kodunuzda g├Âsterildi─či gibi

 
$(document).ready(function () {
    'use strict';

    $('#fileupload').fileupload({
        add: function(e, data) {
                var uploadErrors = [];
                var acceptFileTypes = /^image\/(gif|jpe?g|png)$/i;
                if(data.originalFiles[0]['type'].length && !acceptFileTypes.test(data.originalFiles[0]['type'])) {
                    uploadErrors.push('Not an accepted file type');
                }
                if(data.originalFiles[0]['size'].length && data.originalFiles[0]['size'] > 5000000) {
                    uploadErrors.push('Filesize is too big');
                }
                if(uploadErrors.length > 0) {
                    alert(uploadErrors.join("\n"));
                } else {
                    data.submit();
                }
        },
        dataType: 'json',
        autoUpload: false,
        // acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
        // maxFileSize: 5000000,
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p style="color: green;">' + file.name + '<i class="elusive-ok" style="padding-left:10px;"/> - Type: ' + file.type + ' - Size: ' + file.size + ' byte</p>')
                .appendTo('#div_files');
            });
        },
        fail: function (e, data) {
            $.each(data.messages, function (index, error) {
                $('<p style="color: red;">Upload file error: ' + error + '<i class="elusive-remove" style="padding-left:10px;"/></p>')
                .appendTo('#div_files');
            });
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);

            $('#progress .bar').css('width', progress + '%');
        }
    });
});

Orada da bir dosya boyutu i┼člevi ekledi─čimi g├Âreceksiniz, ├ž├╝nk├╝ bu yaln─▒zca UI s├╝r├╝m├╝nde de ├žal─▒┼čacakt─▒r.

@lopsided taraf─▒ndan ├Ânerilen sorunu ├ž├Âzmek ├╝zere g├╝ncellendi: Hatalar─▒n test edilmesinden ├Ânce bo┼č olduklar─▒ndan ve ilk ├Ânce bo┼č olmad─▒klar─▒ndan emin olmak i├žin sorgulara data.originalFiles[0]['type'].length ve data.originalFiles[0]['size'].length eklendi. Olmazlarsa, hi├žbir hata g├Âsterilmez ve yaln─▒zca sunucu taraf─▒ndaki hata testine dayan─▒r.

    
132
2013-10-29 10: 44: 01Z
  1. Bu ger├žekten yararl─▒d─▒r. Ancak, data.originalFiles[0]['type']'un Dosya API'sini desteklemeyen bir taray─▒c─▒dan y├╝klerken bo┼č oldu─čuna dikkat edilmelidir. Android telefonumda durum buydu. Yapt─▒─č─▒m ┼čey, bu de─čerin mevcut olmamas─▒ ve ard─▒ndan sunucu taraf─▒ mime t├╝r├╝ do─črulamas─▒n─▒n yap─▒lmamas─▒ durumunda ge├žilmesiydi. Aksi takdirde, acceptFileTypes.test ├žizgisini asla ge├žemezsiniz
    2013-10-23 15: 53: 53Z
  2. @ garip, Android telefonumda data.originalFiles [0] ['type'] ve ['size'] de─čerlerini al─▒yorum ve ge├žer her iki test de. Asl─▒nda her ┼čey hatas─▒z ├žal─▒┼č─▒yor gibi g├Âr├╝n├╝yor ama dosya y├╝klenmiyor telefonumla sorun ya┼č─▒yorum. Ba┼čka hi├žbir yerde sorun yok, yaln─▒zca Android.
    2013-10-25 05: 05: 48Z
  3. Bence 'data.originalFiles [0] [' size ']. length' ko┼čulu kullan─▒mdan kald─▒r─▒ld─▒, bu nedenle her zaman false d├Ând├╝r├╝yor.
    2013-12-07 20: 53: 24Z
  4. Kullan─▒m data.files [0] ['boyut'] ve data.files [0] ['tip']
    2013-12-13 00: 12: 07Z
  5. 'Uzunluk' olmadan kullanma (data.originalFiles [0] ['size'] & &data.originalFiles [0] ['size'] &>; 500000)? 'true': 'false' iyi ├žal─▒┼č─▒yor, ancak herhangi bir senaryo 1 eksik olup olmad─▒─č─▒n─▒ bilmek istiyorum. data.originalFiles [0] ['size']? 'true': 'false' (1) 0, null, undefined de─čerleri i├žin false d├Ând├╝r├╝r
    2015-07-21 07: 51: 39Z

jquery.fileupload-process.js ve jquery.fileupload-validate.js ├žal─▒┼čmas─▒n─▒ sa─člamak i├žin.

    
45
2013-12-11 09: 01: 55Z
  1. Bu daha iyi cevap gibi g├Âr├╝n├╝yor. ;)
    2014-04-01 17: 19: 52Z
  2. Maalesef sorunu ├ž├Âzm├╝yor.
    2014-10-16 22: 55: 04Z
  3. Komut dosyalar─▒n─▒ y├╝kledi─činiz s─▒ra, hata iletisinin g├Âr├╝nmesi i├žin ├Ânemlidir: tmpl.min.js > jquery.ui.widget.js > jquery.iframe-transport.js > jquery.fileupload.js > jquery.fileupload-ui.js > jquery.fileupload-process.js > jquery.fileupload-validate.js
    2014-11-20 14: 50: 43Z
  4. Sorun ayn─▒, l├╝tfen ├žal─▒┼čma ├Ârne─či verebilir misiniz?
    2015-02-20 22: 47: 28Z
  5. Bu sorunu ya┼č─▒yorum. JS dosyalar─▒m a├ž─▒kland─▒─č─▒ gibidir, ancak yine de regex'e g├Âre kabul edilmeyen ancak ayn─▒ zamanda b├╝y├╝k ├Âl├ž├╝de dosya boyutu s─▒n─▒r─▒n─▒n ├╝zerinde dosya y├╝kleyebiliyorum. En son FileUpload s├╝r├╝m├╝n├╝ kullan─▒yorum, 9.10.5 ve jQuery 1.11.1
    2015-08-03 14: 53: 08Z

Daha ├Ânce yan─▒t olarak ├Ânerildi─či gibi, iki ek dosya eklememiz gerekir - jquery.fileupload-process.js ve sonra jquery.fileupload-validate.js Ancak, dosya eklerken baz─▒ ek ajax ├ža─čr─▒lar─▒ yapmam gerekti─činden, bu ├ža─čr─▒lar─▒ yapmak i├žin fileuploadadd etkinli─čine abone oluyorum. Bu t├╝r bir kullan─▒mla ilgili olarak bu eklentinin yazar─▒ a┼ča─č─▒dakileri ├Ânerdi

  

L├╝tfen buraya bir g├Âz at─▒n: ┬á┬á https://github.com/blueimp/jQuery-File-Upload/wiki/Se├ženekler # wiki-geri arama-se├ženekleriyle

     
    
      

Ek olay dinleyicilerini ba─člama yoluyla (veya jQuery 1.7+ y├Ântemiyle) ekleme y├Ântemi, geri arama ayarlar─▒n─▒ jQuery File Upload UI s├╝r├╝m├╝ne g├Âre korumak i├žin tercih edilen se├ženektir.

    
  
     

Alternatif olarak, i┼člemi yaln─▒zca kendi geri ├ža─č─▒rman─▒zdan ba┼člatabilirsiniz, ┼č├Âyle: ┬á┬á https://github.com/blueimp/jQuery- Dosya-Y├╝kleme /damla /ana /js /jquery.fileupload-process.js # L50

├ľnerilen iki se├žene─čin kombinasyonunu kullanarak, a┼ča─č─▒daki kod benim i├žin m├╝kemmel ┼čekilde ├žal─▒┼č─▒yor

 
$fileInput.fileupload({
    url: 'upload_url',
    type: 'POST',
    dataType: 'json',
    autoUpload: false,
    disableValidation: false,
    maxFileSize: 1024 * 1024,
    messages: {
        maxFileSize: 'File exceeds maximum allowed size of 1MB',
    }
});

$fileInput.on('fileuploadadd', function(evt, data) {
    var $this = $(this);
    var validation = data.process(function () {
        return $this.fileupload('process', data);
    });

    validation.done(function() {
        makeAjaxCall('some_other_url', { fileName: data.files[0].name, fileSizeInBytes: data.files[0].size })
            .done(function(resp) {
                data.formData = data.formData || {};
                data.formData.someData = resp.SomeData;
                data.submit();
        });
    });
    validation.fail(function(data) {
        console.log('Upload error: ' + data.files[0].error);
    });
});
    
10
2014-05-03 15: 24: 55Z
  1. Amith, bunu denedim ve ┼ču hatay─▒ ald─▒m: Uncaught Error: cannot call methods on fileupload prior to initialization; attempted to call method 'process'
    2014-11-25 00: 44: 12Z
  2. Hemen hemen her zaman .fileupload()'un do─čru zamanda ├ža─čr─▒lmad─▒─č─▒ anlam─▒na gelir. Kodu g├Ârmeden te┼čhis etmek neredeyse imkans─▒z. Yeni bir soru a├ž─▒p g├Ândermenizi ├Âneririmilgili kod, belki bir jsfiddle olarak.
    2014-11-26 06: 04: 01Z
  3. @ TheVillageIdiot $fileInput.fileupload bildirgesinin i├žinde 'fileuploadadd' mant─▒─č─▒n─▒ olu┼čturmaya m─▒ ├žal─▒┼č─▒yorsunuz? Amith'in ├Ârne─čini b├Âyle bir ┼čeyin i├žine katmaya ├žal─▒┼čt─▒─č─▒mda da benzer bir hatayd─▒: $('#fileupload').fileupload({ blah : blah, blah : blah, }) $fileInput.on('fileuploadadd', function(evt, data) { var $this = $(this); var validation = data.process(function () { return $this.fileupload('process', data); }); ... Bunu d├╝┼č├╝nd├╝─č├╝mde ├žok a├ž─▒kt─▒, ancak hen├╝z ilan etmeyi bitiremedi─čim bir ┼čeyin i├žindeki mant─▒─č─▒ tan─▒mlamaya ├žal─▒┼č─▒yordum.
    2015-03-28 16: 00: 15Z
  4. bu hatay─▒ al─▒yorum: Yakalanmam─▒┼č ReferenceError: makeAjaxCall
    2016-10-26 10: 31: 00Z

Bu benim i├žin firefox'ta ├žal─▒┼č─▒yor

 
$('#fileupload').fileupload({

    dataType: 'json',
    //acceptFileTypes: /(\.|\/)(xml|pdf)$/i,
    //maxFileSize: 15000000,

    add: function (e, data) {
        var uploadErrors = [];

        var acceptFileTypes = /\/(pdf|xml)$/i;
        if(data.originalFiles[0]['type'].length && !acceptFileTypes.test(data.originalFiles[0]['type'])) {
            uploadErrors.push('File type not accepted');
        }

        console.log(data.originalFiles[0]['size']) ;
        if (data.originalFiles[0]['size'] > 5000000) {
            uploadErrors.push('Filesize too big');
        }
        if(uploadErrors.length > 0) {
            alert(uploadErrors.join("\n"));
        } else {
            data.context = $('<p/>').text('Uploading...').appendTo(document.body);
            data.submit();
        }

    },
    done: function (e, data) {
        data.context.text('Success!.');
    }
});
    
7
2017-11-17 14: 02: 11Z
  1. Y─▒─č─▒n Ta┼čmas─▒na Ho┼č Geldiniz! L├╝tfen bu cevab─▒ tekrar ─░ngilizce yazabilir misiniz? Otomatik ├ževirmenlerin bazen s├Âylemeyi zorla┼čt─▒raca─č─▒n─▒ biliyorum, ancak burada kulland─▒─č─▒m─▒z tek (programlama d─▒┼č─▒) ingilizce.
    2014-01-08 06: 58: 43Z
  2. akl─▒n─▒za geldi─činde, nasatome'un "Bu benim i├žin ├žal─▒┼č─▒yor: firefox'ta do─čru oldu─čunu" s├Âyledi─čini anlayabilmek i├žin kurnaz bir dilbilimci olmak zorunda de─čilsiniz. Y├╝kleme hatas─▒ "dosya boyutu ├žok b├╝y├╝k". Avustralyal─▒y─▒m ve ─░ngilizce konu┼čarak b├╝y├╝d├╝m, ama bence belli bir ─░ngilizce konu┼čma tutumu var. "─░ngilizce burada kulland─▒─č─▒m─▒z tek dildir" do─čru de─čil. Buradaki insanlar bir├žok farkl─▒ dil kullan─▒yor. Bununla birlikte, bu sitenin politikas─▒ ─░ngilizce olarak soru ve cevaplar─▒ bulmakt─▒r.
    2014-01-19 14: 02: 08Z

"jquery.fileupload-ui.js" adl─▒ dosyay─▒ a├ž─▒n, ┼č├Âyle bir kod g├Âr├╝rs├╝n├╝z:

 
 $.widget('blueimp.fileupload', $.blueimp.fileupload, {

    options: {
        // By default, files added to the widget are uploaded as soon
        // as the user clicks on the start buttons. To enable automatic
        // uploads, set the following option to true:
        acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
        autoUpload: false,
        // The ID of the upload template:
        uploadTemplateId: 'template-upload',
        // The ID of the download template:
        downloadTemplateId: 'template-download',
        ŃÇéŃÇéŃÇéŃÇé

sadece bir sat─▒r kodu ekleyin --- yeni "enableFileTypes" ├Âzniteli─či, ┼čunun gibi:

 
 options: {
        // By default, files added to the widget are uploaded as soon
        // as the user clicks on the start buttons. To enable automatic
        // uploads, set the following option to true:
        **acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,**
        autoUpload: false,
        // The ID of the upload template:
        uploadTemplateId: 'template-upload',
        // The ID of the download template:
        downloadTemplateId: 'template-d

┼čimdi her ┼čeyin yolunda oldu─čunu g├Âreceksiniz! ~ sadece niteli─či yanl─▒┼č bir yere g├Ât├╝r├╝rs├╝n.

    
3
2013-10-10 07: 31: 14Z
  1. Bu cevap kullan─▒c─▒ aray├╝z├╝ olmayan bir s├╝r├╝mde i┼če yaramayacak
    2013-10-16 10: 33: 40Z
  2. Yard─▒mc─▒ olabilirseniz, bir eklentinin /k├╝t├╝phanenin temel kodunu de─či┼čtirmek k├Ât├╝ bir fikirdir.
    2015-10-13 14: 19: 17Z

T├╝m eklenti JS'lerini i├žeri aktard─▒ysan─▒z ve do─čru s─▒rada ald─▒ysan─▒z, ancak hala sorun ya┼č─▒yorsan─▒z, kendi "add" i┼čleyicinizi belirtmenin, * -validate.js eklentisinden bir tane oldu─čunu normalde data.process () ├Â─česini ├ža─č─▒rarak t├╝m onaylamalar─▒ ate┼čler. Bu y├╝zden d├╝zeltmek i├žin "ekle" olay i┼čleyicinizde b├Âyle bir ┼čey yap─▒n:

 
$('#whatever').fileupload({
...
add: function(e, data) {
   var $this = $(this);
   data.process(function() {
      return $this.fileupload('process', data);
   }).done(function(){
      //do success stuff
      data.submit(); <-- fire off the upload to the server
   }).fail(function() {
      alert(data.files[0].error);
   });
}
...
});
    
3
2016-02-16 20: 12: 11Z
  1. Sorunumu ├ž├Âzd├╝m
    2017-05-09 11: 50: 24Z

┼×unun i├žin Kontrol Edildi /Ge├žerli ├Ârnek:

  • birden fazla dosya giri┼či
  • biri i├žin veya ├çOKLU DOSYALAR y├╝kleme - dosyalar─▒ hatal─▒ diziden kald─▒rmak i├žin $.grep()
  • ┬áimage ve audio format─▒
  • dinamik fistring'den new RegExp() ile le t├╝rleri

Uyar─▒: acceptFileTypes.test() - mime t├╝rlerini kontrol edin, .mp3 gibi adio dosyalar i├žin audio/mpeg olur - yaln─▒zca geni┼čletme de─čil. T├╝m blueimp se├ženekleri i├žin: https://github.com/blueimp/jQuery-File- Y├╝kleme /wiki /Se├ženekler

 
$('input[type="file"]').each(function(i){

    // .form_files is my div/section of form for input file and progressbar
    var $progressbar = $(this).parents('.form_files:first').find('.progress-bar:first');

    var $image_format = 'jpg|jpeg|jpe|png|gif';
    var $audio_format = 'mp3|mpeg';
    var $all_formats = $image_format + '|' + $audio_format;

    var $image_size = 2;
    var $audio_size = 10;
    var mb = 1048576;

    $(this).fileupload({
        // ...
        singleFileUploads: false,   // << send all together, not single
        // ...
        add: function (e, data) {

            // array with all indexes of files with errors
            var error_uploads_indexes = [];

            // when add file - each file
            $.each(data.files, function(index, file) {

                // array for all errors
                var uploadErrors = [];


                // validate all formats first
                if($all_formats){

                    // check all formats first - before size
                    var acceptFileTypes = "(\.|\/)(" + $all_formats + ")$";
                    acceptFileTypes = new RegExp(acceptFileTypes, "i");

                    // when wrong format
                    if(data.files[index]['type'].length && !acceptFileTypes.test(data.files[index]['type'])) {
                        uploadErrors.push('Not an accepted file type');

                    }else{

                        // default size is image_size
                        var $my_size = $image_size;

                            // check audio format
                            var acceptFileTypes = "(\.|\/)(" + $audio_format + ")$";
                            acceptFileTypes = new RegExp(acceptFileTypes, "i");

                            // alert(data.files[index]['type']);
                            // alert(acceptFileTypes.test('audio/mpeg'));

                            // if is audio then size is audio_size
                            if(data.files[index]['type'].length && acceptFileTypes.test(data.files[index]['type'])) {
                                $my_size = $audio_size;
                            }

                        // check size
                        if(data.files[index]['size'] > $my_size * mb) {
                            uploadErrors.push('Filesize is too big');
                        };
                    };

                }; // << all_formats

                // when errors
                if(uploadErrors.length > 0) {
                    //  alert(uploadErrors.join("\n"));

                    // mark index of error file
                    error_uploads_indexes.push(index);
                    // alert error
                    alert(uploadErrors.join("\n"));

                };

            }); // << each


            // remove indexes (files) with error
            data.files = $.grep( data.files, function( n, i ) {
                return $.inArray(i, error_uploads_indexes) ==-1;
            });


            // if are files to upload
            if(data.files.length){
                // upload by ajax
                var jqXHR = data.submit().done(function (result, textStatus, jqXHR) {
                        //...
                     alert('done!') ;
                        // ...
                });
            } // 

        }, // << add
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $progressbar.css(
                'width',
                progress + '%'
                );
        }
    }); // << file_upload

    //          
}); // << each input file
    
1
2014-03-24 22: 13: 20Z

Etkinlik ekle i├žin yaln─▒zca olay i┼čleyicisinin bir ├Ârne─či. SingleFileUploads se├žene─činin etkin oldu─čunu varsayar (varsay─▒lan). Daha fazla bilgi edinin jQuery File add /fileuploadadd olay─▒yla nas─▒l ili┼čkilendirilece─čini g├Âsteren dok├╝manlar─▒ y├╝kleyin. D├Âng├╝ i├žinde, bu veya dosyay─▒ hem de kullanabilirsiniz. Size ├Âzellik alma ├Ârne─či: bu ['boyut'] veya dosya. boyutu .

 
    /**
     * Handles Add event
     */
    base.eventAdd = function(e, data) {

        var errs = [];
        var acceptFileTypes = /(\.|\/)(gif|jpe?g|png)$/i;
        var maxFileSize = 5000000;

        // Validate file
        $.each(data.files, function(index, file) {
            if (file.type.length && !acceptFileTypes.test(file.type)) {
                errs.push('Selected file "' + file.name + '" is not alloawed. Invalid file type.');
            }
            if (this['size'] > maxFileSize) {
                errs.push('Selected file "' + file.name + '" is too big, ' + parseInt(file.size / 1024 / 1024) + 'M.. File should be smaller than ' + parseInt(maxFileSize / 1024 / 1024) + 'M.');
            }
        });

        // Output errors or submit data
        if (errs.length > 0) {
            alert('An error occured. ' + errs.join(" "));
        } else {
            data.submit();
        }
    };
    
1
2015-02-22 23: 31: 51Z

Bu benim i├žin chromeÔÇÖda i┼če yarad─▒, jquery.fileupload.js s├╝r├╝m├╝ 5.42.3ÔÇÖdir

 
     add: function(e, data) {
        var uploadErrors = [];
        var ext = data.originalFiles[0].name.split('.').pop().toLowerCase();
        if($.inArray(ext, ['odt','docx']) == -1) {
            uploadErrors.push('Not an accepted file type');
        }
        if(data.originalFiles[0].size > (2*1024*1024)) {//2 MB
            uploadErrors.push('Filesize is too big');
        }
        if(uploadErrors.length > 0) {
            alert(uploadErrors.join("\n"));
        } else {
            data.submit();
        }
    },
    
1
2015-04-22 13: 28: 50Z
  1. Te┼čekk├╝rler. 9.21'de de ├žal─▒┼č─▒r.
    2018-06-19 08: 17: 48Z
 
.fileupload({
    add: function (e, data) { 
        var attachmentValue = 3 * 1000 * 1024;
        var totalNoOfFiles = data.originalFiles.length;
        for (i = 0; i < data.originalFiles.length; i++) {
            if (data.originalFiles[i]['size'] > attachmentValue) {
                $attachmentsList.find('.uploading').remove();
                $attachmentMessage.append("<li>" + 'Uploaded bytes exceeded the file size' + "</li>");
                $attachmentMessage.show().fadeOut(10000, function () {
                    $attachmentMessage.html('');
                });
                data.originalFiles.splice(i, 1);
            }
        }
        if (data.files[0]) {
            $attachmentsList
           .prepend('<li class="uploading" class="clearfix loading-content">' + data.files[0].name + '</li>');
        }
        data.submit();                    
    }
    
1
2015-10-15 10: 03: 35Z

┼×unun gibi ekstra bir i┼člev de kullanabilirsiniz:

 
    function checkFileType(filename, typeRegEx) {
        if (filename.length < 4 || typeRegEx.length < 1) return false;
        var filenameParts = filename.split('.');
        if (filenameParts.length < 2) return false;
        var fileExtension = filenameParts[filenameParts.length - 1];
        return typeRegEx.test('.' + fileExtension);
    }
    
0
2013-10-29 01: 49: 44Z

├çal─▒┼čmas─▒ i├žin jquery.fileupload-process.js ve jquery.fileupload-validate.js eklemelisiniz.

Ard─▒ndan ...

 
$(this).fileupload({
    // ...
    processfail: function (e, data) {
        data.files.forEach(function(file){
            if (file.error) {
                self.$errorMessage.html(file.error);
                return false;
            }
        });
    },
//...
}

i┼člem ba┼čar─▒s─▒zl─▒─č─▒ , bir do─črulama i┼čleminden sonra geri arama ba┼člat─▒l─▒r.

    
0
2017-01-18 17: 53: 02Z
  • Dosya t├╝r├╝n├╝ kontrol etmek i├žin dosya uzant─▒s─▒n─▒ da kullanabilirsiniz.
  • Eklemenin i├žinde a┼ča─č─▒da verilen ┼čekilde bir ┼čeyler yapmak daha basit bir yol olacakt─▒r:

     
    add : function (e,data){
       var extension = data.originalFiles[0].name.substr( 
       (data.originalFiles[0].name.lastIndexOf('.') +1) );
                switch(extension){
                    case 'csv':
                    case 'xls':
                    case 'xlsx':
                        data.url = <Your URL>; 
                        data.submit();
                    break;
                    default:
                        alert("File type not accepted");
                    break;
                }
      }
    
0
2018-04-20 09: 56: 15Z

birden fazla dosyan─▒z varsa, her bir dosya bi├žimini do─črulamak i├žin bir d├Âng├╝ kullan─▒rs─▒n─▒z, bunun gibi bir ┼čey

 
add: function(e, data) {
        data.url = 'xx/';
        var uploadErrors = [];
         var acceptFileTypes = /^image\/(gif|jpe?g|png)$/i;
        console.log(data.originalFiles);
        for (var i = 0; i < data.originalFiles.length; i++) {
            if(data.originalFiles[i]['type'].length && !acceptFileTypes.test(data.originalFiles[i]['type'])) {
                    uploadErrors.push('Not an accepted file type');
                    data.originalFiles
                }
                if(data.originalFiles[i]['size'].length && data.originalFiles[i]['size'] > 5000000) {
                    uploadErrors.push('Filesize is too big');
                }
                if(uploadErrors.length > 0) {

                      alert(uploadErrors.join("\n"));
                }
        }
        data.submit();
      },
    
0
2018-09-05 08: 42: 52Z

Sunucu taraf─▒ndan yayg─▒n olarak desteklenen formatlar─▒ arayanlar durumunda

 
3g2|3gp|3gp2|3gpp|aac|aaf|aca|accdb|accde|accdt|acx|adt|adts|afm|ai|aif|aifc|aiff|appcache|application|art|asd|asf|asi|asm|asr|asx|atom|au|avi|axs|bas|bcpio|bin|bmp|c|cab|calx|cat|cdf|chm|class|clp|cmx|cnf|cod|cpio|cpp|crd|crl|crt|csh|css|csv|cur|dcr|deploy|der|dib|dir|disco|dll|dllconfig|dlm|doc|docm|docx|dot|dotm|dotx|dsp|dtd|dvi|dvr-ms|dwf|dwp|dxr|eml|emz|eot|eps|esd|etx|evy|exe|execonfig|fdf|fif|fla|flr|flv|gif|gtar|gz|h|hdf|hdml|hhc|hhk|hhp|hlp|hqx|hta|htc|htm|html|htt|hxt|ico|ics|ief|iii|inf|ins|isp|IVF|jar|java|jck|jcz|jfif|jpb|jpe|jpeg|jpg|js|json|jsonld|jsx|latex|less|lit|lpk|lsf|lsx|lzh|m13|m14|m1v|m2ts|m3u|m4a|m4v|man|manifest|map|mdb|mdp|me|mht|mhtml|mid|midi|mix|mmf|mno|mny|mov|movie|mp2|mp3|mp4|mp4v|mpa|mpe|mpeg|mpg|mpp|mpv2|ms|msi|mso|mvb|mvc|nc|nsc|nws|ocx|oda|odc|ods|oga|ogg|ogv|one|onea|onepkg|onetmp|onetoc|onetoc2|osdx|otf|p10|p12|p7b|p7c|p7m|p7r|p7s|pbm|pcx|pcz|pdf|pfb|pfm|pfx|pgm|pko|pma|pmc|pml|pmr|pmw|png|pnm|pnz|pot|potm|potx|ppam|ppm|pps|ppsm|ppsx|ppt|pptm|pptx|prf|prm|prx|ps|psd|psm|psp|pub|qt|qtl|qxd|ra|ram|rar|ras|rf|rgb|rm|rmi|roff|rpm|rtf|rtx|scd|sct|sea|setpay|setreg|sgml|sh|shar|sit|sldm|sldx|smd|smi|smx|smz|snd|snp|spc|spl|spx|src|ssm|sst|stl|sv4cpio|sv4crc|svg|svgz|swf|t|tar|tcl|tex|texi|texinfo|tgz|thmx|thn|tif|tiff|toc|tr|trm|ts|tsv|ttf|tts|txt|u32|uls|ustar|vbs|vcf|vcs|vdx|vml|vsd|vss|vst|vsto|vsw|vsx|vtx|wav|wax|wbmp|wcm|wdb|webm|wks|wm|wma|wmd|wmf|wml|wmlc|wmls|wmlsc|wmp|wmv|wmx|wmz|woff|woff2|wps|wri|wrl|wrz|wsdl|wtv|wvx|x|xaf|xaml|xap|xbap|xbm|xdr|xht|xhtml|xla|xlam|xlc|xlm|xls|xlsb|xlsm|xlsx|xlt|xltm|xltx|xlw|xml|xof|xpm|xps|xsd|xsf|xsl|xslt|xsn|xtp|xwd|z|zip
    
0
2019-06-04 06: 57: 21Z
kaynak yerle┼čtirildi ─░┼čte