jQuery file upload pas le redimensionnement des images plus

J'utilise jQuery file upload dans mon projet depuis trois mois, afin de les télécharger et de les redimensionner les fichiers d'image. Tout fonctionnait bien jusqu'à la semaine dernière. Le plugin n'a pas redimensionner les images plus (dernières versions de google chrome et firefox dernière).

Je suis en utilisant la même configuration de base sur cette page https://github.com/blueimp/jQuery-File-Upload/wiki/Basic-plugin

Quelqu'un a le même problème et peut-être une solution ?

Grâce

vous devez le faire sur votre propre, je suppose.Pouvez-vous me dire de quel côté serveur que vous utilisez?Si c'est dans asp.net je peux vous aider.
Non, le plugin est censé pour redimensionner l'image avant de l'envoyer, donc c'est plus rapide à télécharger. Tout fonctionnait bien avant.

OriginalL'auteur BenoitD | 2012-04-29

  1. 1

    La meilleure façon est ce que je fais à l'heure actuelle est:

    $('#fileupload').fileupload({
      dataType: 'json',
      url: 'Upload.ashx,
      done: function (e, data) {
      $("#page_navigation").show();
            $.each(data.result, function (index, file) {
            $('#placeholderforimages').append("<img style='height:48px;width:65px;' src='yourimagepath'>");
            }
 });

    Mise à JOUR:

    Voici le wiki options vous avez besoin de faire un tableau et de la nécessité de déclarer que

    [
    {
        action: 'load',
        fileTypes: /^image\/(gif|jpeg|png)$/,
        maxFileSize: 20000000 //20MB
    },
    {
        action: 'resize',
        maxWidth: 1920,
        maxHeight: 1200,
        minWidth: 800,
        minHeight: 600
    },
    {
        action: 'save'
    }
],
    Votre code est la solution mais pourquoi avait-il travailler avant sans ces options ? En tout cas merci !
    Vous êtes les bienvenus :)je pourrais dire si je vois du code de la vôtre.
    C'était exactement le même code que le vôtre sans le "processus" paramètres".
    Puis quelque chose quelque part peut-être allé mal 🙁
    où voulez-vous ajouter ces options?

    OriginalL'auteur coder

  2. 15

    Je n'arrivais pas à côté client de redimensionnement d'image pour le travail et j'ai découvert que c'était parce que j'avais remplacé le complément de la méthode et de ne pas inclure de code pour effectuer le redimensionnement d'image qui a été à l'origine de la méthode. Je vais poster ma solution dans l'espoir qu'il contribue à sauver quelqu'un d'une certaine frustration.

    <form action="/path/to/uploadHandler" id="multiple-image-upload" enctype="multipart/form-data" method="post" accept-charset="utf-8">
    <input name="files" multiple="multiple" id="files" type="file">
</form>

<div id="file-upload-progress">
    <div id="upload-progress">
        <div class="bar" style="width: 0%;"></div>
    </div>
</div>

<script type="text/javascript">
$(function () {
    $('#multiple-image-upload').fileupload({
        dataType: 'json',
        //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),
        process:[
            {
                action: 'load',
                fileTypes: /^image\/(gif|jpeg|png)$/,
                maxFileSize: 20000000 //20MB
            },
            {
                action: 'resize',
                maxWidth: 1920,
                maxHeight: 1200,
                minWidth: 800,
                minHeight: 600
            },
            {
                action: 'save'
            }
        ],
        add: function (e, data) {
            data.context = $('<p/>').text('Uploading '+data.files[0].name+'...').appendTo("#file-upload-progress");
            var $this = $(this);
            data.process(function () {
                return $this.fileupload('process', data);
            }).done(function() {
                data.submit();
            });
        },
        done: function (e, data) {
            data.context.html('<img src="'+data.result.files[0].thumbnailUrl+'" alt="'+data.result.files[0].name+'" />');
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded /data.total * 100, 10);
            $('#upload-progress .bar').css(
                'width',
                progress + '%'
            ).text(
                progress + '%'
            );
        }
    });
})();
    Cela a résolu pour moi. Merci!
    tks, j'ai eu le même problème, j'ai été appeler .soumettre à la coutume ajouter, mais pas le processus appelant. fwiw, je n'ai pas besoin d'ajouter un processus personnalisé: paramètre, une fois que j'ai changé mon code à partir de données.submit ().processus(function () { return fileUploader.fileupload ("processus", data); }) .done(function () { données.submit()} il a travaillé, et observé la imageMaxHeight:xyz, etc paramètres comme indiqué dans l'officiel howto (github.com/blueimp/jQuery-File-Upload/wiki/...).
    Merci beaucoup, comment puis-je spécifier l'aperçu min largeur/hauteur?
    votre commentaire m'a aidé à savoir où j'allais mal, j'ai fait la même erreur que vous. Merci
    Ma méthode add a callign redimensionner à deux reprises, j'ai eu une coutume crochet dans la redimensionner pour aviser de la origonal dimensions du fichier, maintenant, avec cette ajouter la redéfinition de méthode logique, ce problème est résolu.(il me semble)

    OriginalL'auteur Devin Crossman

  3. 0

    J'ai eu des problèmes aussi avec jQuery File Upload et de gérer pour le résoudre en changeant les options dans le fichier "jquery.fileupload-image.js" dans l'article suivant:

    //The File Upload Resize plugin extends the fileupload widget
//with image resize functionality:
$.widget('blueimp.fileupload', $.blueimp.fileupload, {

    options: {
        ...
        //The maximum file size of images to load:
        loadImageMaxFileSize: 20000000, //10MB
        //The maximum width of resized images:
        imageMaxWidth: 250,
        //The maximum height of resized images:
        imageMaxHeight: 250,
        ...
        //Disable the resize image functionality by default:
        disableImageResize: false,
        ...
    },

    En quelque sorte les options mettre "quelque part ailleurs" (dans mon cas, tout le code copié à partir du tutoriel officiel de la page officielle) de ne pas surcharger les options par défaut dit/montré ici.

    • Cela pourrait être ma faute, si aucune infraction. De toute façon, si ce conseil peut aider quelqu'un d'autre, c'est ici. L'essayer si vous le souhaitez ou à laisser.

    OriginalL'auteur Andreas