ホームページ > ウェブフロントエンド > htmlチュートリアル > 同じpage_html/css_WEB-ITnose上でform+input[type='file']を使用して画像をアップロードする際に入力がクリアできない問題に対応

同じpage_html/css_WEB-ITnose上でform+input[type='file']を使用して画像をアップロードする際に入力がクリアできない問題に対応

WBOY
リリース: 2016-06-24 11:46:20
オリジナル
1437 人が閲覧しました

最後に、最初の写真と同じように、最後に完成した画像から出て、次の効果が表示されません。それは一時的な形でそれをクリアし、最終的にコードは次のとおりですonchange = "uploadimages(this)"ここでは、このクリックの入力を渡して送信します。この問題を解決するには、clearImages 関数を追加します。



 var img_tmp = '<tr><td><input type="text" name="code" value="" style="width: 90%; display: none;"><input type="text" name="title[]" style="width:90%;" /></td><td><input type="text" name="sort[]" style="width:90%;" /></td><td><input type="text" name="num[]" style="width:90%;"/></td>' +                                                '<td><img alt="" src="" id="" name="img[]" style="max-width: 100px; max-height: 100px; display: block; float: left; border: 1px solid #E6E7EB;" /><div class="file_box">' +                                                '<input type="button" class="btn" value="选择图片" />'+                                                '<input type="file" name="fileLOGO" class="file" id="" style="width: 80%;" onchange="UploadImages(this)" />' +                                                '</div></td>' +                                                '<td><a class="del" href="javascript:void(0)">删除</a></td></tr>';
ログイン後にコピー


このようにして、入力は一時フォームを使用してクリアされます。






ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート