在php中上传之前根据文件扩展名在预览中显示不同的图像答案

【问题标题】：Display different images in preview based on the extension of files before upload in php在php中上传之前根据文件扩展名在预览中显示不同的图像
【发布时间】：2016-07-27 10:28:10
【问题描述】：

我正在创建一个包含文件上传的表单。用户可以上传图像或其他文件，如 docx、txt、pdf 等。如果用户浏览并选择图像，则会显示其缩略图。问题是，如果用户选择要上传的 pdf 或 doc 文件，我想根据文件的扩展名显示默认图像。例如。如果是 pdf 文件，则为 image1，对于 docx，它应该显示 image2。

我正在使用此代码。

<img id="blah" alt="your image" width="80" height="80" />
<input id="file" type="file" name='file' onchange="document.getElementById('blah').src = window.URL.createObjectURL(this.files[0])" />

这是文件字段和预览的图像。 When image is selected

P.S：它适用于图像。我想知道如何显示其他扩展的预览。希望我能说清楚。

【问题讨论】：

只需做一个简单的 if 语句。如果显示的文档没有扩展名 .gif, .png, .jpg, .jpeg e.t.c。然后显示一个默认缩略图

标签： php html image upload

【解决方案1】：

也许这段代码有帮助

<input type="file" id="image" accept="image/*" onChange="validate(this.value)"/>

function validate(file) {
    var ext = file.split(".");
    ext = ext[ext.length-1].toLowerCase();      
    var arrayExtensions = ["jpg" , "jpeg", "png", "bmp", "gif"];

    if (arrayExtensions.lastIndexOf(ext) == -1) {
        //insert an image with the use of the "ext" variable
    }
}

【讨论】：