更新せずにファイルをアップロード 報道官任命文書 News Network 草案文書 No. 1 文書プレスリリース

リフレッシュファイルのアップロードはありません

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

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

注:

1. フォームサイズ

   

2. 単一ファイルのアップロードサイズ

   

   実際の操作:

3. フォームを作成しますが、フォームには enctype 属性が設定されていないことに注意してください。

   

4. クリックイベントをアップロードボタンにバインドし、アップロードされたファイルのAjax送信を完了します

   

5. FormDataを使用してフォーム内のデータを収集します（通常のデータ+アップロードドメイン）

   

6. Ajaxオブジェクトのアップロードメンバーのonprogressハンドルを使用して、ファイルのアップロード状況を監視します

   1. アップロード進行状況バーの表示ボックスを設定する

   

   b) CSS設定

   

   

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

   

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

   

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

   

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

   

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

    

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

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

    

    

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

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

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

    

上記は、ファイルのアップロードと新しい記事の内容を含め、更新を行わないファイルのアップロードを紹介しました。PHP チュートリアルに興味のある友人に役立つことを願っています。