ホームページ  >  記事  >  バックエンド開発  >  更新なしのファイルアップロード、refresh_PHP チュートリアルを使用したファイルアップロード

更新なしのファイルアップロード、refresh_PHP チュートリアルを使用したファイルアップロード

WBOY
WBOYオリジナル
2016-07-12 08:54:34888ブラウズ

リフレッシュファイルのアップロードなし、リフレッシュファイルのアップロード

リフレッシュファイルのアップロードなし

ajax の FormData オブジェクトは更新操作を完了しません

ajax レベル 2 標準はファイルを操作できますが、新しいブラウザーのみをサポートし (IE の下位バージョンとは互換性がありません)、H5 標準です。

注:

b) CSS設定

c) ファイルアップロードイベントの監視を設定する

  • onreadystatechange を通じて Ajax 操作を監視するには

  • ajax リクエストを送信します (注: FormData を使用してデータのアップロードを完了する場合、ajax リクエスト ヘッダーを設定する必要はありません)

  • 進行中のイベントソース(アップロードされたファイル)を使用して進行状況を表示します

  • サーバーの data.php ファイルは、アップロードされたファイルの処理を実装します

    iframe により更新不要のアップロードが可能になります

  • index.phpファイルを作成し、アップロードドメインを設定します

    テクニックポイント1: フォーム送信で開くウィンドウを自分で定義したiframeに設定する必要がある

    技術的なポイント 2: 生成された画像は data.php ファイル内で処理される必要があり、その後、画像の URL アドレスが返されます。top を使用してウィンドウを取得し、現在の iframe を開き、img タグの src 属性を変更します。 。

    2. data.php が画像の保存と返却を完了します

  • www.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/1119776.html技術記事更新ファイルのアップロードなし、更新ファイルのアップロードなし 更新ファイルのアップロードなし 更新なし操作を完了するための ajax の FormData オブジェクト ajax レベル 2 標準はファイルを操作できますが、サポートされるのは新しいブラウザのみです...
    声明:
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。