PHPでアップロードする前にファイルの拡張子に基づいてプレビューに異なる画像を表示

Question

ファイルのアップロードを含むフォームを作成しています。ユーザーは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：イメージで正常に動作しています。他の拡張機能のプレビューを表示する方法を知りたい私は自分自身を明確にしたいと思っています。

Answer 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 
    } 
}