PHP MySQL多个文件上传,带有所有文件类型的预览

时间:2018-09-04 02:34:17

标签: javascript php jquery file-upload

我试图在上传之前使用文件预览创建PHP文件上传器。下面的脚本仅适用于针对图片的多个文件上传,但是希望为非图片提供图片图标,该图片图标在目录中显示“文件预览不可用”。

// JavaScript Document
$(function() {
    // Multiple images preview in browser
    var imagesPreview = function(input, placeToInsertImagePreview) {

        if (input.files) {
            var filesAmount = input.files.length;

            for (i = 0; i < filesAmount; i++) {
                var reader = new FileReader();

                reader.onload = function(event) {
                    $($.parseHTML('<img>')).attr('src', event.target.result).appendTo(placeToInsertImagePreview);
                }

                reader.readAsDataURL(input.files[i]);
            }
            else{
                $($.parseHTML('<img>')).attr('src', '/assets/img/no_preview.png');

         $('.imagepreview').attr('src', '../img/no_preview.png');
            }
        }

    };

    $('#prescription-photo-add').on('change', function() {
        imagesPreview(this, 'div.prescription');
    });
});

1 个答案:

答案 0 :(得分:0)

您可以先检查文件扩展名。然后显示文件的图像(如果它是图像)并显示“文件预览不可用”。否则

可以在此enter image description here

中找到代码