タグ

アップロードに関するsilemのブックマーク (3)

  • node.jsでsocket.ioを使ってファイルをアップロードする(自称)最小コード - ┗┐<(՞ਊ՞)>┌┛

    node.jsでsocket.ioによる,websocketを経由したファイルアップロードのサンプルです.input type="file"の要素からバイナリのファイルをjsで取り出し,emitでサーバに送るという形です. 今回は,「とりあえずwebsocketでファイルを送りたい!!」というのを試すための,当に必要最低限なコードのみを用意しました.参考になれば幸いです. クライアントサイド html inputのでtypeがfileな要素を一つ,用意します. <input type="file" id="fileInput"></input> js まず,先ほどのinputにセレクタで,イベントを仕掛けます.このイベントは「inputの内容に変更があったら」です.つまり,変更があると自動的にファイルをアップロードする仕掛けです. $(document).ready(function()

    node.jsでsocket.ioを使ってファイルをアップロードする(自称)最小コード - ┗┐<(՞ਊ՞)>┌┛
  • Angular環境でWebCam画像をS3に直接アップロードする(個人的メモ) - Qiita

    目的 ・Angular環境でWebカメラで撮影したjpg画像ファイルをS3に直接アップロードする実装にハマったのでメモしておく。 ・webカメラから画像を出力するところは簡単なので省略。(ブラウザの種類によって動かなかったりしますが。) ・S3についてはPre-signed URLをサーバ側で取得しましたが、そこもハマらなかったので省略。 ・問題になったのは、画像ファイルをアップロードする部分なので、その界隈のみをクローズアップする。 ハマったところ ・まず、html5 canvasのtoDataURLで画像出力するとBase64形式になり、かつデータの前にフォーマットを示す文字列がくっついてしまう。このため、Base64形式のデータをいったんBLOBに出力する必要がある。この辺まではググればいくつか情報があるのでなんとかなる。(後ほどソースつけます。) ・BLOBデータをアップロードする

    Angular環境でWebCam画像をS3に直接アップロードする(個人的メモ) - Qiita
  • ファイルアップロード&画像加工を簡単に実現できるクラスライブラリ「CLASS.UPLOAD.PHP」:phpspot開発日誌

    ファイルアップロード&画像加工を簡単に実現できるクラスライブラリ「CLASS.UPLOAD.PHP」 2007年05月31日- MOONGIFT: 実ファイルアップロード&画像加工ならお任せ「CLASS.UPLOAD.PHP」:オープンソースを毎日紹介 システム開発で、ファイルのアップロードと言う仕組みは意外に煩雑な事が多い。インターネットとローカルとをつなぐ、重要な仕組みであるのに、あまり手軽な方法が提供されないのは不便だ。 ファイルアップロード&画像加工を簡単に実現できるクラスライブラリ「CLASS.UPLOAD.PHP」 ファイルアップロードに関する処理を非常に簡単にしてくれる他、画像のリサイズや色合い調整などの画像編集機能もついているようです。 画像編集は次のように簡単かつ直感的なコードで行うことができるようです。 以下のコードは画像をリサイズする際のサンプル $foo->imag

  • 1