Fatal编程技术网
  • javascript/
  • Javascript Blueimp/Jquery文件上载：获取预览

Javascript Blueimp/Jquery文件上载：获取预览

javascript jquery

Javascript Blueimp/Jquery文件上载：获取预览,javascript,jquery,jquery-file-upload,blueimp,Javascript,Jquery,Jquery File Upload,Blueimp,通过Blueimp/Jquery文件上载，我可以预览： done: function (e, data) { var file = data.files[0]; console.log(data.files[0]); console.log(data.result.files); // always undefined ... $(this).closest('tr').find('input[type=text]').val(file.name.substr(0

通过Blueimp/Jquery文件上载，我可以预览：

done: function (e, data) {
    var file = data.files[0];
    console.log(data.files[0]);
    console.log(data.result.files); // always undefined ...
    $(this).closest('tr').find('input[type=text]').val(file.name.substr(0, file.name.lastIndexOf('.')));
    $(this).remove();
},

add: function (e, data) {
    var goUpload = true;
    var file = data.files[0];
    if (!(/\.(gif|jpg|jpeg|png)$/i).test(file.name)) {
        $(this).closest('tr').find('td:first').prepend('<div class="alert alert-danger text-justify"><ul class="list-unstyled"><li><span class="glyphicon glyphicon-exclamation-sign"></span> Seuls les types de fichiers suivants sont autorisés : .gif ; .jpg ; .jpeg ; .png</li></ul></div>');
        goUpload = false;
    }
    if (file.size > 2000000) {
        $(this).closest('tr').find('td:first').prepend('<div class="alert alert-danger text-justify"><ul class="list-unstyled"><li><span class="glyphicon glyphicon-exclamation-sign"></span> La taille maximale autorisée par fichier est de 2 Mo</li></ul></div>');
        goUpload = false;
    }
    if (goUpload === true) {
        data.submit();
    }
},
done: function (e, data) {
    var file = data.files[0];
    console.log(data.files[0]);
    console.log(data.result.files); // always undefined ...
    $(this).closest('tr').find('input[type=text]').val(file.name.substr(0, file.name.lastIndexOf('.')));
    $(this).remove();
},
返回：

$('.file_upload:last').fileupload({
    dataType: 'json',
    url: '/app_dev.php/_uploader/gallery/upload',
    disableImageResize: /Android(?!.*Chrome)|Opera/
        .test(window.navigator && navigator.userAgent),
    imageMaxWidth: 1200,
    imageMaxHeight: 1200,
    previewMaxWidth : 350,
    previewMaxHeight : 350,
    imageCrop: false,
    autoUpload: true,
    /*
    add: function (e, data) {
        var goUpload = true;
        var file = data.files[0];
        if (!(/\.(gif|jpg|jpeg|png)$/i).test(file.name)) {
            $(this).closest('tr').find('td:first').prepend('<div class="alert alert-danger text-justify"><ul class="list-unstyled"><li><span class="glyphicon glyphicon-exclamation-sign"></span> Seuls les types de fichiers suivants sont autorisés : .gif ; .jpg ; .jpeg ; .png</li></ul></div>');
            goUpload = false;
        }
        if (file.size > 2000000) {
            $(this).closest('tr').find('td:first').prepend('<div class="alert alert-danger text-justify"><ul class="list-unstyled"><li><span class="glyphicon glyphicon-exclamation-sign"></span> La taille maximale autorisée par fichier est de 2 Mo</li></ul></div>');
            goUpload = false;
        }
        if (goUpload === true) {
            data.submit();
        }
    },
    */
    done: function (e, data) {
        var file = data.files[0];
        console.log(data);
        console.log(data.files[0]);
        console.log(data.result.files);
        $(this).closest('tr').find('input[type=text]').val(file.name.substr(0, file.name.lastIndexOf('.')));
        $(this).remove();
    },
    progressall: function (e, data) {
        var input_this = this;
        var progress = parseInt(data.loaded / data.total * 100, 10);
        $(input_this).closest('tr').find('.upload-progress .progress-bar-current').text(progress + '%');
        $(input_this).closest('tr').find('.upload-progress .progress-bar-current').css(
            'width',
            progress + '%'
        );
    },
    fail: function(e, data) {
        var input_this = this;
        $(input_this).closest('tr').html('<td colspan="3" class="text-center background-orange"><i class="fa fa-exclamation-circle"></i> Erreur lors du transfert du fichier, veuillez vérifier qu\'il soit conforme (notamment types de fichiers autorisés, taille maximale)</td>');
    }
    });
});
Blob{name:“IMG_20160512_225352.jpg”，预览：画布，大小：221398，键入：“image/jpeg”}

但是，如果我添加了“添加”选项，我没有预览：

done: function (e, data) {
    var file = data.files[0];
    console.log(data.files[0]);
    console.log(data.result.files); // always undefined ...
    $(this).closest('tr').find('input[type=text]').val(file.name.substr(0, file.name.lastIndexOf('.')));
    $(this).remove();
},

add: function (e, data) {
    var goUpload = true;
    var file = data.files[0];
    if (!(/\.(gif|jpg|jpeg|png)$/i).test(file.name)) {
        $(this).closest('tr').find('td:first').prepend('<div class="alert alert-danger text-justify"><ul class="list-unstyled"><li><span class="glyphicon glyphicon-exclamation-sign"></span> Seuls les types de fichiers suivants sont autorisés : .gif ; .jpg ; .jpeg ; .png</li></ul></div>');
        goUpload = false;
    }
    if (file.size > 2000000) {
        $(this).closest('tr').find('td:first').prepend('<div class="alert alert-danger text-justify"><ul class="list-unstyled"><li><span class="glyphicon glyphicon-exclamation-sign"></span> La taille maximale autorisée par fichier est de 2 Mo</li></ul></div>');
        goUpload = false;
    }
    if (goUpload === true) {
        data.submit();
    }
},
done: function (e, data) {
    var file = data.files[0];
    console.log(data.files[0]);
    console.log(data.result.files); // always undefined ...
    $(this).closest('tr').find('input[type=text]').val(file.name.substr(0, file.name.lastIndexOf('.')));
    $(this).remove();
},

add:函数（e，数据）{
var goUpload=true；
var file=data.files[0]；
if（！（/\（gif | jpg | jpeg | png）$/i.test（file.name））{
$（this）.closest（'tr'）.find（'td:first'）.prepend（'ul class=“list unstyled”>
  • Seuls les types de fichiers suvants sont autorisés:.gif；.jpg；.jpeg；.png
      • ）；
goUpload=假；
}
如果（file.size>2000000）{
$（席）。最接近（“TR”）。查找（“TD：第一”）。
goUpload=假；
}
如果（goUpload==真）{
data.submit（）；
}
},
完成：功能（e，数据）{
var file=data.files[0]；
console.log（data.files[0]）；
console.log（data.result.files）；//始终未定义。。。
$（this.closest（'tr'）.find（'input[type=text]'））.val（file.name.substr（0，file.name.lastIndexOf（'.'））；
$（this.remove（）；
},
    返回：

    $('.file_upload:last').fileupload({
    dataType: 'json',
    url: '/app_dev.php/_uploader/gallery/upload',
    disableImageResize: /Android(?!.*Chrome)|Opera/
        .test(window.navigator && navigator.userAgent),
    imageMaxWidth: 1200,
    imageMaxHeight: 1200,
    previewMaxWidth : 350,
    previewMaxHeight : 350,
    imageCrop: false,
    autoUpload: true,
    /*
    add: function (e, data) {
        var goUpload = true;
        var file = data.files[0];
        if (!(/\.(gif|jpg|jpeg|png)$/i).test(file.name)) {
            $(this).closest('tr').find('td:first').prepend('<div class="alert alert-danger text-justify"><ul class="list-unstyled"><li><span class="glyphicon glyphicon-exclamation-sign"></span> Seuls les types de fichiers suivants sont autorisés : .gif ; .jpg ; .jpeg ; .png</li></ul></div>');
            goUpload = false;
        }
        if (file.size > 2000000) {
            $(this).closest('tr').find('td:first').prepend('<div class="alert alert-danger text-justify"><ul class="list-unstyled"><li><span class="glyphicon glyphicon-exclamation-sign"></span> La taille maximale autorisée par fichier est de 2 Mo</li></ul></div>');
            goUpload = false;
        }
        if (goUpload === true) {
            data.submit();
        }
    },
    */
    done: function (e, data) {
        var file = data.files[0];
        console.log(data);
        console.log(data.files[0]);
        console.log(data.result.files);
        $(this).closest('tr').find('input[type=text]').val(file.name.substr(0, file.name.lastIndexOf('.')));
        $(this).remove();
    },
    progressall: function (e, data) {
        var input_this = this;
        var progress = parseInt(data.loaded / data.total * 100, 10);
        $(input_this).closest('tr').find('.upload-progress .progress-bar-current').text(progress + '%');
        $(input_this).closest('tr').find('.upload-progress .progress-bar-current').css(
            'width',
            progress + '%'
        );
    },
    fail: function(e, data) {
        var input_this = this;
        $(input_this).closest('tr').html('<td colspan="3" class="text-center background-orange"><i class="fa fa-exclamation-circle"></i> Erreur lors du transfert du fichier, veuillez vérifier qu\'il soit conforme (notamment types de fichiers autorisés, taille maximale)</td>');
    }
    });
});
    文件{name:“IMG_20160512_225352.jpg”，lastModified:1463086668000，lastModifiedDate:Date 2016-05-12T20:57:48.000Z，大小：1034928，键入：“image/jpeg”}

    你能帮我吗？我想给他预览一下

    完整的JS代码：

    $('.file_upload:last').fileupload({
    dataType: 'json',
    url: '/app_dev.php/_uploader/gallery/upload',
    disableImageResize: /Android(?!.*Chrome)|Opera/
        .test(window.navigator && navigator.userAgent),
    imageMaxWidth: 1200,
    imageMaxHeight: 1200,
    previewMaxWidth : 350,
    previewMaxHeight : 350,
    imageCrop: false,
    autoUpload: true,
    /*
    add: function (e, data) {
        var goUpload = true;
        var file = data.files[0];
        if (!(/\.(gif|jpg|jpeg|png)$/i).test(file.name)) {
            $(this).closest('tr').find('td:first').prepend('<div class="alert alert-danger text-justify"><ul class="list-unstyled"><li><span class="glyphicon glyphicon-exclamation-sign"></span> Seuls les types de fichiers suivants sont autorisés : .gif ; .jpg ; .jpeg ; .png</li></ul></div>');
            goUpload = false;
        }
        if (file.size > 2000000) {
            $(this).closest('tr').find('td:first').prepend('<div class="alert alert-danger text-justify"><ul class="list-unstyled"><li><span class="glyphicon glyphicon-exclamation-sign"></span> La taille maximale autorisée par fichier est de 2 Mo</li></ul></div>');
            goUpload = false;
        }
        if (goUpload === true) {
            data.submit();
        }
    },
    */
    done: function (e, data) {
        var file = data.files[0];
        console.log(data);
        console.log(data.files[0]);
        console.log(data.result.files);
        $(this).closest('tr').find('input[type=text]').val(file.name.substr(0, file.name.lastIndexOf('.')));
        $(this).remove();
    },
    progressall: function (e, data) {
        var input_this = this;
        var progress = parseInt(data.loaded / data.total * 100, 10);
        $(input_this).closest('tr').find('.upload-progress .progress-bar-current').text(progress + '%');
        $(input_this).closest('tr').find('.upload-progress .progress-bar-current').css(
            'width',
            progress + '%'
        );
    },
    fail: function(e, data) {
        var input_this = this;
        $(input_this).closest('tr').html('<td colspan="3" class="text-center background-orange"><i class="fa fa-exclamation-circle"></i> Erreur lors du transfert du fichier, veuillez vérifier qu\'il soit conforme (notamment types de fichiers autorisés, taille maximale)</td>');
    }
    });
});

    $（'.file_upload:last'）.fileupload({
数据类型：“json”，
url:“/app_dev.php/_uploader/gallery/upload”，
disableImageResize:/Android（？。*Chrome）| Opera/
.test（window.navigator&&navigator.userAgent），
图像最大宽度：1200，
图像最大高度：1200，
预览最大宽度：350，
预览最大高度：350，
图像裁剪：错，
自动上传：对，
/*
添加：功能（e、数据）{
var goUpload=true；
var file=data.files[0]；
if（！（/\（gif | jpg | jpeg | png）$/i.test（file.name））{
$（this）.closest（'tr'）.find（'td:first'）.prepend（'ul class=“list unstyled”>
  • Seuls les types de fichiers suvants sont autorisés:.gif；.jpg；.jpeg；.png
      • ）；
goUpload=假；
}
如果（file.size>2000000）{
$（席）。最接近（“TR”）。查找（“TD：第一”）。
goUpload=假；
}
如果（goUpload==真）{
data.submit（）；
}
},
*/
完成：功能（e，数据）{
var file=data.files[0]；
控制台日志（数据）；
console.log（data.files[0]）；
console.log（data.result.files）；
$（this.closest（'tr'）.find（'input[type=text]'））.val（file.name.substr（0，file.name.lastIndexOf（'.'））；
$（this.remove（）；
},
progressall：功能（e、数据）{
var输入_this=this；
var progress=parseInt（data.loaded/data.total*100,10）；
$（输入）。最近（'tr'）。查找（'.upload progress.progress bar current'）。文本（progress+'%'）；
$（input_this）.closest（'tr'）.find（'upload progress.progress bar current'）.css(
“宽度”，
进度+“%”
);
},
失败：功能（e，数据）{
var输入_this=this；
$（输入此）.closest（'tr'）.html（'Erreur lors du transfer du fichier，veuillez vérifier qu'il soit conforme（notament types de fichiers autorisés，taille maximale））；
}
});
});
    你能给我们看完整的js代码吗？因为你的插件初始化可能有问题；我在帖子中添加了我的完整JS:）嗯，我看不出一般的错误。您能在JSFIDLE上创建一个工作示例并在那里重现问题吗？那会很有帮助。你能给我们看完整的js代码吗？因为你的插件初始化可能有问题；我在帖子中添加了我的完整JS:）嗯，我看不出一般的错误。您能在JSFIDLE上创建一个工作示例并在那里重现问题吗？那会有帮助的。