ファイルのアップロード・ダウンロード

ファイルのアップロード・ダウンロード

  • まず、「アップロード」「ダウンロード」という用語について説明します。
    • アップロード
      自分のパソコンに保存してある画像・データ・音声・映像ファイルをWebサーバに保存すること。巷では「上げる」とか「アップする」といわれる。
      また、2ちゃんねるやニコニコ動画では「うp;Upのローマ字入力誤変換」と書かれる。

    • ダウンロード
      Webサーバに保存してある画像・データ・音声・映像ファイルを自分のパソコンに保存すること。巷では「(パソコンにデータを)落とす」といわれる。

ファイルのアップロード方法

  • ブラウザ別のアップロード方法について解説した動画をここにアップします。まずこれらをご覧ください。

Internet Explorer


Mozilla Firefox


ファイルのダウンロード方法

  • ブラウザ別のダウンロード方法について解説した動画をここにアップします。まずこれらをご覧ください。

Internet Explorer


Mozilla Firefox


動画解説(アップロード方法)

  • 今回は、バナー工房というサイトでアップロードする方法を説明します。
  • まず、上のリンクからバナー工房のサイトを開いて(表示して)ください。
  • サイトが表示されたら、「参照」というボタンにマウスポインタを合わせてクリックします。(下図参照)

    アップロード方法①

  • クリックすると、「ファイルのアップロード」という名前のダイアログボックスが表示されます。

    「ファイルのアップロード」ダイアログボックス

  • サーバにアップロードしたいデータ(この場合は画像データ)にマウスポインタを合わせてクリックします。
  • データを選択したら、「ファイル名」という項目に自分がアップロードしたいファイルの名前が書きこまれていることを確認して、「OK」ボタンにマウスポインタを合わせてクリックし「ファイルのアップロード」ダイアログボックスを閉じます。

    パソコンからサーバへアップロード①

  • ダイアログボックスを閉じたら、「編集する…」という項目の下にあるテキストボックス(下図①の部分)にファイルのパス(保存場所)が書き込まれていることを確認したら、テキストボックスの下にある「画像を加工する※」という名前のボタンにマウスポインタを合わせてクリックします。

    パソコンからサーバへアップロード②

  • クリックすると、メッセージが表示され※しばらく待つとサイトに自分のアップロードしたファイルが表示されます。

    アップロード完了

動画解説(ダウンロード方法)

「ダウンロード」ボタンがある場合

  • サーバからデータをダウンロードするときは、次のように行います。
  • 「ダウンロード」ボタンにマウスポインタを合わせてクリックします。

    「ダウンロード」ボタン

  • Internet Explorerを使用している場合は、次のようなポップアップメニューが下に表示され、「保存する」ボタンにマウスポインタを合わせてクリックします。

    ダウンロード時に表示されるダイアログボックス(IE)

  • Mozilla Firefoxを使用している場合は、次のようなダイアログボックスが表示されるので、下図の赤枠で囲んだ部分を確認してから「OK」ボタンにマウスポインタを合わせてクリックします。

    ダウンロード時に表示されるダイアログボックス

  • データのダウンロードが始まりますので、終了するまでしばらくお待ちください。ちなみに「ダウンロード」というフォルダにデータが保存されます。

「ダウンロード」ボタンがない場合

  • 保存したい画像などのアイコンにマウスポインタを合わせてください。
  • そうすると、アイコンの形状が「→」から「☝」に変わります。その状態を確認したら右クリックします。
  • インターネットエクスプローラの場合は次のようなポップアップメニューが表示されます。

    ポップアップメニュー@IE

  • 画像を保存するときは「名前を付けて画像を保存」にマウスポインタを合わせてクリックし、映像や音声データといったものをダウンロードするときは「対象をファイルに保存」にマウスポインタを合わせてクリックします。
  • 「名前を付けて画像を保存」または「対象をファイルに保存」をクリックすると、次のようなダイアログボックス※が表示されます。
    ※下の図は「名前を付けて画像を保存」を選択した場合のダイアログボックスで、「対象をファイルに保存」を選択すると、ダイアログボックスの名前が「名前を付けて保存」に変わります。

表示されるダイアログボックス

  • ファイル名とファイルを保存する場所を設定したら、「OK」ボタンにマウスポインタを合わせてクリックします。
  • Mozilla Firefoxの場合は次のようなポップアップメニューが表示されます。
    • ダウンロードするものが画像の時

      ポップアップメニュー(画像)

    • ダウンロードするものが音声や映像、データの時

      ポップアップメニュー(音声・映像・データ)

  • ダウンロードするものが画像の場合は「名前を付けて画像を保存」、音声や映像、画像の場合は「名前を付けてリンク先を保存」にマウスポインタを合わせてクリックします。
  • それぞれクリックすると、次のようなダイアログボックスが表示され、ファイル名を決めたら「保存」ボタンにマウスポインタを合わせてクリックします。

    表示されるダイアログボックス

  • ダウンロードが始まり、ダウンロードが終了するまでしばらくお待ちください。ダウンロードが終了したらメッセージが表示されます。

※メッセージの代わりに進捗具合を示すメータが表示される場合もある

※今回はWeb上で行う画像編集ソフトでのアップロードを例に挙げたので、

 このような表示になる