ファイルのアップロード

Webサイトにファイルをアップロードする方法について説明する。

日記や掲示板での書き込み、メッセージ送信(メール)のときに写真や各種ファイルを添付できる。「参照」ボタンをクリックするとエクスプローラが開くので添付したいファイルを選択する。投稿するときにアップロードされる。ファイルサイズは1MB以下に制限されている。

投稿後、写真の場合は、本文の最初に縮小写真が表示される。縮小写真をクリックするとアップロードした写真が表示される。その他のファイルについてはファイル名をクリックするとアップロードしたファイルが表示される。ファイルの種類、使っているブラウザ(プラグインなし)によってはダウンロードされる。

SNSの「参照」機能を使わずに、別のツールでWebサイトにアップロードして、SNS日記や掲示板に貼り付けたり参照したりすることができる。この場合に使う別ツールとして、WebフォルダーやFTPツールがある。XPやVistaユーザは、WindowsのWebフォルダー機能を使うとよい。FTPツールは、ファイル転送ソフトのことで、Webサイト制作では必須ともいえるツールである。

Webフォルダを使用する

Webフォルダのことをftpサイト、ネットワークプレース、オンライン記憶域などとも呼ぶ。このWebフォルダーを、コンピュータのフォルダーと同じように使えるようにするための手順を説明する。Windows XPでは、〔スタート〕-〔ヘルプとサポート〕を開き、検索ボックスに「Webフォルダ」と入力して検索すると、「Webフォルダを使用する」という説明がでてくるので一読すると良い。
  1. マイコンピュータを右クリックして、「ネットワークドライブの割り当て」を選択する。

    Webフォルダ
    または、〔スタート〕-〔マイネットワーク〕を開いて、「ネットワークプレースを追加する」をクリックすると、3.「ネットワークプレースの追加ウィザー ドの開始」が開く。
  2. 「オンライン記憶域にサインアップするか、またはネットワークサーバーに接続します」をクリック


  3. ネットワークプレースの追加ウィザードの開始
    「次へ」をクリック



  4. 「次へ」をクリック



  5. 「インターネットまたはネットワークアドレス」に
    ftp://video@agorian.com と入力して「次へ」をクリック



  6. この場所の識別名(たとえば動画ファイル)を入力してクリック



  7. 「完了」をクリック



  8. ユーザ名 video@agorian.com とパスワード password を入力して「ログオン」を押す。「パスワードを保存する」にチェック をしておくと次回は自動ログオンできる。有効なpasswordはSNS掲示板に掲載、または管理者から入手する。



  9. ログオンが認証されると、Webフォルダが表示される。これで接続完了である。
    ※このフォルダのURLは、http://user.agorian.com/video/になっている。



ファイルのアップロード

接続したフォルダは、その物理的な場所がネットワーク経由でつながっているWebサーバにあることを除けば、パソコンのローカルフォルダとまったく同じように扱える。いわゆる”クラウド”である。

この例のWebフォルダ(http://user.agorian.com/video/)は共有フォルダになっているので、フォルダ内に自分のフォルダを作成して、アップロードする。必要ならそのフォルダの閲覧権限を設定する。→yamadaの例 (ユーザ名 yamada パスワード password)

  1. Webフォルダに、パソコンにあるファイルをドラッグ&ドロップすると、下記のようなポップアップが表示され、ファイルがアップロードされる。 フォルダ間のファイルのコピーと同じ。



  2. たとえばtest.html をドラッグ&ドロップしてアップロードすると、そのURLが http://user.agorian.com/video/test.html となり、ブラウザから開くことができる。

  3. フォルダーを閉じた後、再度開くときは「マイネットワーク」を開く。上記の6.でつけた識別名(動画ファイル)が表示されるので、それをクリックする。

SNS日記や掲示板での動画貼り付け

アップロードする動画ファイルはかならずFLV形式とする。mpg、wmv、aviなどの形式の動画をFLV形式に変換するときは、無償のInternet Video Converterなどを利用する。

日記などに貼り付けるときは、アップロードした動画ファイルのURLを書くだけである。

〔例〕
 http://user.agorian.com/video/sample.flv
 http://user.agorian.com/video/sample (.flvは省略できる)
 http://user.agorian.com/video/yamada/myvideo.flv



携帯メール投稿 | ホーム | 写真アルバム作成