検索

ホームページ >ウェブフロントエンド >jsチュートリアル >js実装 input type='file' ファイルアップロードサンプルコード_javascriptスキル

js実装 input type='file' ファイルアップロードサンプルコード_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:26:352256ブラウズ

開発では、ファイルのアップロードが不可欠です。 はよく使用されるアップロード タグですが、通常は を使用します。 , 他のタグ（写真など）をクリックすると、ファイルアップロード機能を選択できます。
コードを見てください:

コードをコピーします コードは次のとおりです:






js は入力を実装します。ファイル ファイルのアップロード/>



画像を選択




/body>




これにより互換性が大幅に向上しましたが、一部のブラウザではまだ使いにくい。
バックグラウンドで を手動でクリックすることで、確実にファイルをアップロードできることがわかりました。
透過的に を実行できます。
コードを次のように変更します。




コードをコピーします


コードは次のとおりです。





js 实现入力ファイル文件上传 />






選択画像






我们点击选择图片实际点击了不透明度0の，单用户切看不到
ok
全体:
は不透明度 0 の 上に転送されています
右側の入力ボタンのサイズは、width height line-height font-size で制御されます。

は、左上 (右、下) を使用して、 右側のビューボタンの位置を制御し、値として設定できます。 🎜>form 必須须有enctype="multipart/form-data"标记才能上传文件
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：画像アップロード判定とプレビュースクリプト効果例_JavaScriptスキル次の記事：画像アップロード判定とプレビュースクリプト効果例_JavaScriptスキル

関連記事

続きを見る