ファイルアップロード用のフォームのまとめ
ファイルをアップロードするフォームのHTMLついてまとめてみました。 ファイルアップロード用のフォーム このエントリーはHTMLのビギナーの方向けの内容です。 １．HTML まずフォームをアップロードするためのHTMLから説明します。 <form action="./upload.cgi" method="post" enctype="multipart/form-data"> <input type="file" name="file" /> <input type="submit" value="アップロード" /> </form> ファイルをアップロードする場合、form要素のmethod属性は「post」です。 またenctype属性の設定が必要です。enctype属性の値には「multipart/form-data」を指定します。 <form action="./upload.c
自作ソースコードに、MITライセンスを適用する３つのやり方 | オープンソース・ライセンスの談話室
自分の作ったソフトウェアをオープンソースとして公開する。まだまだ敷居が高いようです。人気のソースコード共有サービスGithubも、無償で使う場合にはソースコードをオープンソースにする必要があるのですが、「GitHub 上で公開されているソースコードの半分はライセンス的に問題あり」という話もあるくらいです。 では、なぜオープンソースライセンスが、なかなか適用されないのでしょうか。 その理由としては、 オープンソースにしたくない オープンソースライセンスの適用方法が分からない といったことが考えられますが、前者は、Githubの利用条件に合わないので、そもそも無理があります。 さて、後者の「ライセンスの適用方法が分からない」ですが、前回、Githubのライセンス解説サイトを取り上げた時も、「ライセンスが分からない、めんどう」といったコメントが、いくつか見受けられました。ですから、ライセンス適用
高度なファイルアップロード機能を提供·Fine Uploader MOONGIFT
Fine UploaderはJavaScript製、GPL v3のオープンソース・ソフトウェアです。 HTML5になってファイルのアップロード処理は大幅に改善されました。特にドラッグ&ドロップによるファイルアップロードは便利です。そんな機能をさらに便利にしてくれるライブラリがFine Uploaderです。 デモです。ファイルの選択またはドラッグ&ドロップでリストに追加できます。追加後、即アップデートが開始されます。 デザインの拡張性は高いです。 エラーのキャッチもできます。 拡張子によるテストにも対応しています。 画像のサムネイルビューもあります。 アップロード上限の制限に対応しています。 Fine Uploaderを使えばファイルアップロードにおける大抵のニーズには対応できるのではないでしょうか。JavaScriptで細かくカスタマイズしたり、コールバックを使って独自の仕組みを組み込む
FTPソフト終了のお知らせ：PHP/AjaxなブラウザベースのFTPツール「MonstaFTP」:phpspot開発日誌
FTPソフト終了のお知らせ：PHP/AjaxなブラウザベースのFTPツール「MonstaFTP」 2013年07月17日- Open Source PHP/Ajax Drag & Drop FTP Manager | Monsta FTP FTPソフト終了のお知らせ：PHP/AjaxなブラウザベースのFTPツール「MonstaFTP」。 FTPソフトをインストールしてFTP経由でサーバにアップロードをしている場合、このツールを使えば、もうFTPソフトなんて使わなくても、ブラウザだけで完結しちゃいそうです。 ブラウザがドラッグ＆ドロップに対応したことによって、ファイルのアップロードは格段に簡単になりましたがその機能を活用してFTPソフトっぽくできています。 サーバにこのオープンソースソフトウェアをインストールしておく必要がありますが、インストールさえ終われば、どの環境からでもFTPソフトなし
ファイル処理するコードがJSFであっというまにファイルアップロード対応になって驚いた件 - きしだのはてな
ちょっとExcelファイルを処理するコードを書いたんですよ。 まあ、Apache POI使ってこんな感じだったとします。 @Named public class Importer{ public void doProcess(InputStream is){ System.out.println(WorkbookFactory.create(is) .getSheetAt(0).getRow(0).getCell(0).getStringCellValue()); } public void doProcessWithFile(File f){ doProcess(new FileInputStream(f)); } } これを、JSF+PrimeFacesでファイルアップロード対応にするには、こんな感じのコードを付け加えます UploadedFile uploaded; public v
ドラッグ＆ドロップによるファイルのアップロード - コンピュータクワガタ
Tomcat 7.0の最新安定版もリリースされたことですので、標準でサポートされたファイルアップロードを試してみました。 Servlet 3.0 File Upload 機能 - 寺田 佳央 - Yoshio Terada http://yoshio3.com/2010/03/11/servlet-3-0-file-upload-%E6%A9%9F%E8%83%BD/ にそのものがのっていましたので、これを元に試してみようと思いましたが、そのものすぎるのでやめました。 一応やりましたが、ここでは書きません。 代わりに、ドラッグ＆ドロップしたファイルのアップロードを行うServletを書いてみました。このServlet自体はServlet 3.0である必要性はありません。具体的なコードは以下になります。まず、動作のもととなるHTMLファイルです。 <!DOCTYPE html> <html>
GoogleAppEngine+Slim3のファイルアップロードをScalaで書き直す - uchida75cmの日記
【変更前】元ネタは、 http://slim3demo.appspot.com/upload/;jsessionid=dBGn20s5q7i28ZwKBGOrFw package slim3.demo.service; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import org.slim3.controller.upload.FileItem; import org.slim3.datastore.Datastore; import org.slim3.util.ByteUtil; import slim3.demo.meta.UploadedDataFragmentMeta; import slim3.demo.meta.UploadedDataMeta; import
Ajax的に画像などのファイルをアップロードする方法 ::ハブろぐ
a-blog cmsの開発中、Ajax的にファイルをアップロードする必要があったので、その際の調べ物についてかきます。普通にpostしようにも、JavaScriptでローカルのファイルは扱えないよ、って話で、先輩から「iframeがヒントだ！」的なざっくりとしたアドバイスを頂いたので、それを頼りに調べる。 画面遷移なしでファイルアップロードする方法 - 30からのBlog おお、なるほどなるほど。以下、HTML, JavaScript, PHPのサンプルをメモ。 こんなHTMLをJavaScriptで操作すればいい JavaScript自身が要素の生成を作成してもよいですが、最終的にはこういうHTMLが作成されることになります。 <a href="#" id="uploadTrigger">アップロードするぜー</a> <form id="uploadForm" action="画像POS
HTML5 の file API と jQuery でブラウザにファイルをドラッグ&ドロップしてアップロードするサンプルを作った - @kyanny's blog
GitHub - kyanny/html5_file_api_ajax_upload_sample: HTML5 file API + ajax file upload sample HTML5 の file API というのが面白そうなのでちょっといじってみた。 デモを動かすには Plack と JSON と Path::Class が必要です。このブログ読んでる人ならどれも ready for use ですよね。もしまだのひとは cpan -i Plack JSON Path::Class でよろしく。 git clone して plackup して Firefox 3.6.x 以降で開いてください。 複数ファイルをドロップしたときになんかうまく動いてない気がするとか、 app.psgi の書き方がだいぶいい加減とか、微妙なところはたくさんあるけどとりあえず動くところまでいけたので公開
ファイルアップロードの際に便利なFlash/JavaScriptウィジェット集:phpspot開発日誌
10 Most Interesting Upload Widgets | AjaxLine ファイルアップロードの際に便利なFlash/JavaScriptウィジェット集。 通常のアップロード機能を実装すると使えないと言われないくらい、Flickrなどのアップローダなんかは便利になっていますよね。 実装すると便利になりそうなウィジェットが色々と紹介されていましたのでご紹介。 Flash Upload Widget Flashを使って、アップロードの進捗を表示してくれるウィジェット XUpload Perlで書かれたリアルタイムアップロードウィジェット Uber-Uploader Perl or PHP + JSで書かれた複数ファイルアップローダー。進捗表示つき jqUploader jQueryアップロード用プラグイン Ajax Style File Upload ASP.NET用リアルタ
GAE/J データストアにバイナリコードをアップロードして動的に機能を拡張する – trash thread
MovableTypeやWordPressのプラグインを管理するような方法で、後から機能を追加できるようにしたい。Pythonならソースコードをアップロードすればできそうな気もするが、javaではコンパイルの作業が必要になる。調べてみると、scalaなどと組み合わせればGAE上でコンパイルできないこともないらしい。しかしGAE標準の機能ではできないため、とりあえずはコンパイル済みのものをアップロードすることにした。 バイナリコードを保存するJDOクラスは例えば次のようにする。 @PersistenceCapable(identityType = IdentityType.APPLICATION, detachable="true") public class PluginClassData { @PrimaryKey @Persistent(valueStrategy = IdGenera
ajaxファイルアップロードに使えるjQueryプラグインいろいろ:phpspot開発日誌
7 trusted ajax file upload plugins using jquery | Web Developer Juice ajaxファイルアップロードに使えるjQueryプラグインがいろいろとまとまっていましたのでご紹介。 AJAX Upload カスタムボタンを押すとファイルを選択して選択したら即座にアップするもの Ajax file Upload 画面遷移なしにアップロードが出来るアップローダー実装 jQuery Multiple File Upload Plugin など。画面遷移なしにファイルをアップロードしたい際の簡単ソリューションとして覚えておいてもよいかもしれませんね。
Servlet APIにファイルアップロードが用意されたのはみんな知っていると思うが - しんさんの出張所 はてなブログ編
つりくさいタイトルのほうがいいらしいので。 実はJavaOne時に発表されたpreview版では未実装だったのだけれども、今最新版にしてみたらちゃんと動いたので報告。 JavaEE 6、つまりServlet 3.0ではServletの定義にweb.xmlが必要なくなるとかソースで動的にフィルタやサーブレットを設定可能になったりかなり便利になったと思う。 この辺参照 http://d.hatena.ne.jp/shin/20090616/p1 ほかにも大きいものとしてやっと標準でマルチパートに対応した。つまり、サーブレットAPIで簡単にファイルアップロードが出来るのである。 ソースを見てもらうのが手っ取り早いので先に乗せる。 index.jsp <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBL
django+jQuery Form Pluginでファイルアップロードしてみた - Pyro Memo
前回発見したjQuery Form Pluginを使って実際にファイルをアップロードするサンプルを作った。http://d.hatena.ne.jp/piro_suke/20080615/1213498024 ファイルをアップロードする場合のみ、iframeが使用される関係でサーバ側から返却するデータをtextareaタグで囲まないといけないことに気づかず、苦労した。 とりあえずこのサンプルがあればまた思い出して応用できるだろう。 アップロードフォームHTML ... script type="text/javascript" src="/static/javascripts/jquery/jquery-1.2.6.min.js">script> script type="text/javascript" src="/static/javascripts/jquery/jquery.for
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画面遷移なしのAjaxでファイルアップロードするjQueryプラグイン10:phpspot開発日誌
commons-fileupload 1.2.1を使うには - 今日のひとこと
Blogger
Loading...