ホームページ  >  記事  >  バックエンド開発  >  アップロードをクリックした後、ページがジャンプせずに赤いボックス内に画像が表示されるようにするにはどうすればよいですか?

アップロードをクリックした後、ページがジャンプせずに赤いボックス内に画像が表示されるようにするにはどうすればよいですか?

WBOY
WBOYオリジナル
2016-06-29 16:09:391001ブラウズ

返信内容:

りー img.src = URL.createObjectURL(ファイル) fileReaderAPIを使用してDataURLとして読み取る ブラウザを変更してみることをお勧めします。 ajax、非同期リフレッシュと呼ばれる技術があります。このテクノロジーを使用すると、ajax 経由で画像のアップロードを非同期に送信し、成功したアップロード パスとファイル名を json に返すことができます。次に、フロントエンド Ajax の success メソッドで、返された json を取得し、img タグの src を画像のパスに置き換えます: $("#imgId").attr('src)。 ',path); //パスはパスです。 imgId は img タグの ID です。 fex の Web アップローダーを直接使用できます
仕様があり、UI がカスタマイズされ、最下層は jq で、拡張性が強い アップロード後に生成される画像アドレスをimgのsrcに支払います。 写真をアップロードしたのですが、バックグラウンドで受信したはずですよね?画像が受信されてバックグラウンドで処理された後、ファイル名が返されるので、それをフォアグラウンドで呼び出すだけです。 jqのアップロードプラグインを使用できます
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。