写真をアップロードしてプレビューする Ajax の簡単な実装

亚连
リリース: 2018-05-23 14:30:04
オリジナル
1515 人が閲覧しました

ここで、写真をアップロードしてプレビューする Ajax の簡単な実装を紹介します。今からそれを皆さんと共有し、皆さんの参考にしてください。

1. 最も単純な ajax 非同期アップロード イメージに直接移動してプレビューします

html:

    图片上传 | cookie 
  file: 

desc:

ログイン後にコピー

サーブレット:

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { DiskFileItemFactory factory = new DiskFileItemFactory(); ServletFileUpload upload = new ServletFileUpload(factory); String path = request.getServletContext().getRealPath("/upload"); String name = null; try { List items = upload.parseRequest(request); for (FileItem item : items) { if(item.isFormField()){ System.out.println(item.getFieldName() + ": " + item.getString()); } else { name = item.getName(); item.write(new File(path,name)); } } PrintWriter out = response.getWriter(); out.print("{"); out.print("url:\"" + name +"\""); out.print("}"); } catch (Exception e) { e.printStackTrace(); } }
ログイン後にコピー

上記は、すべての人にとって役立つことを願っています。未来。

関連記事:

Ajax HTML に基づくファイルアップロード手法のまとめ

dom4j で XPath を使用する簡単な例

Bootstrap の DatePicker の日付範囲選択に関する簡単な説明

以上が写真をアップロードしてプレビューする Ajax の簡単な実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!