いくつかのヒント入力ファイルのアップロード

序文

日々の開発では、この機能は、ファイルをアップロードするために回避することはできません。時にはまた、次の例のように、時間のアップロードファイル、に制限する必要があります。

1、例えば制限なし。

<input type="file">

ショーの後クリックしてください。
ここに画像を挿入説明

次のように図2に示すように、画像のみをアップロードし、フォーマットPNGを指定することができ、コードは次のとおりです。

<input type="file"  accept="image/png" >

表示をクリックします。
ここに画像を挿入説明
まあ、スクリーニングが完成されます。しかし、これはどのような地獄を受け入れているのですか?答えはMIME

MIME(多目的インターネットメール拡張)は、インターネット標準のメッセージ内容の種類の説明です。MIMEの
メッセージは、テキスト、画像、オーディオ、ビデオ、および他のアプリケーション固有のデータを含めることができます。
MIME完全なリファレンスマニュアル、クリックしてくださいここに

3、指定されたアップロード「の.apk」ファイル

ファイルスクリーニング質問を解決しますが、スペクトルから出発し、前の数日間を必要とすること。次のような要件は以下のとおりです。

二つの異なる端末、それぞれ、ファイルの種類に長いパスを制限するために、端末タイプは、端末タイプは2つだけ「の.apk」をアップロードすることができます「.zipファイル」のファイルをアップロードすることができます。

友人はそれが完成ものであるかどうかを確認するためにMIME手動チェックを行って、とんでもないああは何である、頼む、こちらを参照してください。私はその後なって、マニュアルの参照を行って、同じように感じるし、何の「の.apk」MIMEタイプがなかったことを発見しました。これをどのように行うには?
ウェイは、最初にすべての、私たちが上映されるファイル拡張子を使用して、ファイルの名前を取得、と思う、そこに常にあります。

<!-- html代码 -->
<input type="file"  id="fileDemo"}/> 
<input type="botton" value="确定"  id="fileBtn" onclick="file();"/> 
// js代码
function file(){
    const fileName = document.getElementById('fileField').files[0].name;
    const tempArr = fileName.split('.');
    const suffix = tempArr[tempArr.length - 1];
    console.log(suffix); //apk
}

さて、今私たちは、ファイルの拡張子を取得した後、適格ファイルをアップロードするために、サーバーにアップロードする前に、プロンプト情報の要件に合わせてドキュメントをアップロードするかどうかを決定することができます。しかし、私はこの方法は非常に友好的、一様ではないではないと感じました。だから、以上のことを考えて、すべての後に、「の.apk」ファイルには、このMIMEタイプは、それを正当化せずに、一般的なようです。ここでは、ユーザーに便利なユニバーサル〜

拡張子「の.apk」を入力してください。フィルAPK MIMEタイプapplication / vnd.android.package-アーカイブのMIMEタイプ

すぐに追加してみてください:

<input type="file" accept="application/vnd.android.package-archive"  id="fileDemo" />

我々の期待に沿った結果、oyeah〜
ここに画像を挿入説明

4、ノート

もちろん、我々は確認するための拡張機能を追加する必要があります。また、アップロードされたファイルの種類は、サーバー上で検証する必要があります実際には、最終的な分析では、上記の方法は唯一の推薦で受け入れるフォルダ内の適格ファイルアウト素早く画面に私たちを助けることができるが、我々はまだ、すべての文書に右下隅上の写真をクリックし、クリックすることができますので、他のタイプのファイルまた、選択することができます。

リリース元の4件の記事 ウォンの賞賛4 ビュー108

おすすめ

転載: blog.csdn.net/qq_42002487/article/details/103941662