外部ユーザが安全かつ直接的に Amazon S3 へファイルをアップロードできるようにする方法 | Amazon Web Services
Amazon Web Services ブログ 外部ユーザが安全かつ直接的に Amazon S3 へファイルをアップロードできるようにする方法 このブログは 2022 年 3 月 24 日に Anderson Hiraoka (Solutions Architect) と、Rafael Koike (Principal Solutions Architect) によって執筆された内容を日本語化した物です。原文はこちらを参照して下さい。 企業では、ファイルや画像などのデジタル資産をリポジトリに保存することが求められることが多くあります。多くの場合、これらのファイルのソースは、社内システムに接続されていないパートナーまたは個人であり、ファイルをアップロードするためには、企業の認証が必要となります。お客様は従来、ファイルのアップロードを処理するためにサーバーを使用していましたが、大量のネットワー
Laravel + vue.jsでシンプルファイルアップロード | アールエフェクト
本文書はLaravel9に対応しています。 本文書ではLaravelとVue.jsを利用したファイルアップロードの手順を解説しています。アップロードするファイルのチェックやバリデーションなどの設定は何も行っていないためすぐに本番環境で利用できるものではありません。しかしLaravel+Vue.js環境でファイルをアップロードする際の基本となる部分なのでLaravel+Vue.jsでファイルのアップロードの実装を考えている人はぜひこの機会に理解を深めてください。 本文書ではLaravel5.8 + Vue 2とLaravel9 + Vue3の環境で動作確認を行っています。Vue 2ではOptions APIを利用してVue3ではComposition APIを利用して設定しています。Laravel9ではデフォルトではVueを利用することができないのでnpm installコマンドを利用してV
スマホのブラウザで画像を圧縮してポストする - Qiita
この記事は スマホのブラウザで画像を圧縮する手順メモです したかったこと スマホでブラウザから画像をアップロードさせたかったです 最近の高性能カメラだと画像サイズが大きすぎて非常に重くなってしまいました サーバサイドで圧縮する方式だと結局アップロードの通信量は変わらないから効果がありません 対処 ブラウザ上で画像を圧縮して対応することにしました image-comporessorというJavaScriptライブラリを使います 内部的にはCanvasとか使って圧縮をしているみたいです 別にスマホじゃなくてもモダンブラウザなら動きます 対処コード FormDataオブジェクトを生成 Ajax送信でのみ利用できる操作しやすいFormオブジェクトみたいなもの FormのDOMを渡して生成する input type=fileから画像ファイルオブジェクトを取得して、ImageCompressorに渡し
CakePHPのファイルアップロードプラグイン「UploadPack」を使ってみた
CakePHPのファイルアップロードプラグイン「UploadPack」を使ってみた CakePHPってすごい機能が満載ですが、ファイルアップロードに関しては標準機能ではさくっとできないっぽいです。（たぶん） そんな感じなのでいろいろとプラグインがあるらしいですが、この記事では「UploadPack」というのを使用してみます。 ※CakePHPのバージョンは1.3です。 投稿日2011年01月27日 更新日2011年04月02日 「UploadPack」をインストールする まずはファイルを以下ダウンロードしましょう。 szajbus / uploadpack 解凍したフォルダを「upload_pack」にリネームして、「app」→「plugins」にコピーします。 これでインストール完了です。 データベース（テーブル）作成 アップロードしたファイルの情報を入れるテーブルです。 最低限idとフ
Web and Mobile Development
Download and extract the jQuery Fileuploader Plugin: https://github.com/johnlanz/jquery-fileuploader Load CSS and Javascript: <link href="css/ui-lightness/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css" /> <link href="css/fileUploader.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script> <script src="js/jquery-ui-1.8.14.custom.
PHP5.4の新機能の一つ: アップロード進捗の取得 - id:anatooのブログ
PHP5.4 Advent Calendarの13日目です。@co3kさんの記事に引き続き、PHP5.4の新しい機能を紹介します。 PHP5.4で見逃せない新機能の１つとして、今までPHP単体では出来なかったファイルのアップロードの進捗情報が取得できるようになりました。今までアップロードの進捗情報は、APCやFlashなどを利用しなければ取得できないものでした。この記事では実際に動くサンプルコードと共にこの機能を紹介します。 導入 以下のようなファイルアップロードのためのフォームを用意します。この時パラメータにsession.upload_progress.nameディレクティブのエントリを追加します。これはアップロードの進捗情報を取得するという宣言で、これが無いと進捗は保存されないので注意です。この例では、"example"という値をつけています。 <?php session_start
alert('イチオシ'); // 書評 - JavaScript逆引きハンドブック : 404 Blog Not Found
2012年09月03日19:30 カテゴリ書評/画評/品評iTech alert('イチオシ'); // 書評 - JavaScript逆引きハンドブック 出版社より献本御礼。 JavaScript逆引きハンドブック 古籏一浩 待ってましたこういうの。 EcmaScript 5のサポートが一通り完了して、これからHTML5のAPIが充実していくという今は、JavaScriptを学ぶ最高の旬。だけどWebの情報は断片的で、折角の新APIを使おうにもどこから手をつけていいのかわからなかった。これで勝つる。 本書「JavaScript逆引きハンドブック」は、「Ruby逆引きハンドブック」の出版社によるJavaScriptのシソーラス。「辞書」や「参考書」なら巷にあふれかえっているJavaScriptであるが、これがなかなかなかった。ましてやES5にHTML5といった最新の機能をカヴァーしているも
クロスブラウザでファイルのドラッグ＆ドロップ、Ajaxアップロードを可能にする「FileDrop」:phpspot開発日誌
クロスブラウザでファイルのドラッグ＆ドロップ、Ajaxアップロードを可能にする「FileDrop」 2012年08月24日- FileDrop ? cross-browser JavaScript Drag & Drop file upload ? Блог Прогера クロスブラウザでファイルのドラッグ＆ドロップ、Ajaxアップロードを可能にする「FileDrop」。 対応ブラウザであれば以下のブラウザでドラッグ＆ドロップによるファイルアップロードが可能になります。どのJSフレームワークにも依存せず単体で使えます。 IEではIFrameを利用した画面遷移なしのファイルアップロードが可能。 ファイルをドロップすると、各種イベントハンドラが起動されて、タイミングに応じた好きな処理を記述することも出来るみたい。 関連エントリ HTML5を使ったファイルアップロード用プログラム集 jQuer
Creating a Complete HTML5 Drag and Drop File Uploader with jQuery
Today we’re going to be creating a file uploader using HTML5 drag and drop, along with the file reader API and some PHP. We’ll also be using local storage to remember which files were uploaded by the user. Getting Started For this tutorial I’m using jQuery and an icon font called symbolset. If you don’t want to get symbolset you could use an alternative or just not use a symbol font all together!
Upload Files to Amazon S3 using PHP
Are you looking for Amazon S3 bucket file upload from your web project using PHP technology, if yes take a quick look at this post demo. Amazon S3 is the best option to reduce the bandwidth cost as well file load time. Upload functionality is the most sensitive part in web project, one small mistake hackers will upload miscellaneous files. If you are connect with Amazon S3 you will be safe side.
CakePHPの超便利なファイルアップロードプラグイン、FileBinderプラグインの使い方をまとめてみた。
INSPIRE TECH > その他 > CakePHPの超便利なファイルアップロードプラグイン、FileBinderプラグインの使い方をまとめてみた。 CakePHPを利用している上で、一番悩むのがファイルのアップロードとその管理です。 MediaPluginという有名なファイルアップロードプラグインがありますが、高機能・多機能との引き替えに、インストール方法やその利用方法が非常にわかりづらく、さらにプラグインをバージョンアップしただけでエラーを吐いて動かなくなったりと、常時メンテナンス、するプロジェクトに導入するには少々の抵抗があります。 そこで、もっとシンプルで使いやすいファイルアップロードプラグインである、FileBinderプラグインを紹介したいと思います。 FileBinderプラグインの特徴 FileBinderプラグインは、ファイルアップロードに関して下記のような機能を持っ
How to Create a Resumable Video Uploader in Node.js | Envato Tuts+
If you've ever uploaded a large video file, then you know this feeling: you're 90% done, and accidentally refresh the page—having to start all over again. In this tutorial, I'll demonstrate how to make a video uploader for your site that can resume an interrupted upload and generate a thumbnail upon completion. Intro To make this uploader resumable, the server needs to keep track of how much a fil
Rails製のシンプルな画像アップローダー·picHack3r MOONGIFT
picHack3rはRuby on Railsで作られた画像アップロードサービスです。 ２ちゃんねるをはじめとして画像アップローダーサービスは重宝されています。そんな画像アップローダーサービスを立ち上げてみたい人にお勧めなのがpicHack3rです。 メイン画面です。ファイルを添付して実行するのみです。 登録されている画像です。単なるアップローダーなので雑多です。 一件表示です。 picHack3rはRuby on RailsとPaperclipを組み合わせたサンプルとして開発されています。写真のアップロードとその一覧、そして詳細画面といった具合にシンプルな作りになっているのでRailsの勉強にも良さそうです。 picHack3rはRuby/Ruby on Rails製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFTはこう見る 視覚か
画像をアップしてInstagram風エフェクト等様々な編集も可能なBootstrapベースのアプロダ「Filepicker.io」:phpspot開発日誌
画像をアップしてInstagram風エフェクト等様々な編集も可能なBootstrapベースのアプロダ「Filepicker.io」 2012年05月07日- Filepicker.io | Upload the Web 画像をアップしてInstagram風エフェクト等様々な編集も可能なBootstrapベースのアプロダ「Filepicker.io」 アップローダーというか、アップした画像に高度な画像オーサリングツールを付けたようなイメージです。 画像をアップすると次のようにツールバーと共に画像が表示されます。 注目すべきはインスタグラム風のエフェクトをその場で与えられちゃうというところ。 回転、切抜き、明るさ、コントラストといった標準の操作は勿論備わっています なんかプリクラっぽい合成も可能です これは胸が熱くなりますね 利用にはキーが必要です。 関連エントリ 画像選択時にサムネイルが出て
IndexedDBを使ったWebベースのファイル管理·idb.filesystem.js MOONGIFT
idb.filesystem.jsはIndexedDBを使ったWebベースのファイルマネージャです。 Webブラウザ上でまるでファイルシステムのようにファイルやフォルダを階層管理できるのがidb.filesystem.jsです。HTML5のFilesytem APIを使い、データの保存にはIndexedDBを用いています。 デモです。下の方がファイル管理部分になっています。 ファイルをアップロードしました。ウィンドウにドロップするだけです。 画像であればクリックで内容を閲覧できます。 フォルダにも対応しています。 こちらはさらにアイコン表示に対応したモデルです。 ドロップしようとするとウィンドウ全体がハイライト表示されます。 ファイルごとにダウンロードや内容閲覧、削除といったアイコンが表示されます。 ファイルの閲覧している際の表示です。 リスト表示にもできます。 リネームに対応しています。
Drag and Drop and Automatically Send to the Server | HTML5 Doctor
I realised (when looking myself) that there are a lot of demos and tutorials that show you how to drag-and-drop a file into the browser and then render it on the page. They're often labelled as "drag-and-drop and upload", but they actually don't upload. This tutorial will take you that final step. I'll walk you through an example that you can play with: drag a file into the web page, and it'll be
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Redirecting…
GitHub - FriendsOfCake/cakephp-upload: CakePHP: Handle file uploading sans ridiculous automagic
GitHub - github/file-attachment-element: Attach files via drag and drop or file input.
GitHub - RonnieSan/uploadify: A jQuery plugin for file uploads.
