WordPressのファイルアップロードでファイル名をリネームする方法
WordPressのファイルアップロードでファイル名をリネームする方法を紹介します。 １．問題点 WordPressのファイルをまとめてアップロードしたいのですが、ファイル名をアップロード時のタイムスタンプに統一したいと思ってます。 ということで、ファイルアップロードでファイル名をリネームする方法を紹介します。 参考までに、WordPressのアップロード先は、 wp-content/uploads/YYYY/MM です。 ２．ファイルアップロードでファイル名をリネームする ファイル名をリネームするには、function.phpに下記のコードを追加します。 function rename_file($filename) { $pathinfo = pathinfo($filename); return date("YmdHis") . "." . $pathinfo['extension'
jQuery.uploadプラグインで親要素のonsubmitを起動させない対処
以前紹介した「jQuery.uploadプラグイン」で、onsubmitを起動しない対処方法を紹介します。 １．「jQuery.uploadプラグイン」について 「jQuery.uploadプラグイン」はAjaxによるファイルのアップロードが行えるようにするためのプラグインです。 jQuery.upload ２．問題点 元のフォームにonsubmitなどのイベントがある場合、jQuery.uploadでファイルをアップロードするとonsubmitまで起動してしまいます。 具体的には、jQuery.uploadで選択したファイルをサーバにアップロードして、そこからファイル情報をJSONで取得してブラウザに表示させ、その内容がOKであれば本来のフォーム送信やファイルアップロードを行いたいのですが、最初のファイルアップロードでフォーム情報が送信されてしまいます。 元のフォームのonsubmitが
HTML5のprogress要素とjQueryでファイル読み込みのプログレスバーを表示する
HTML5のprogress要素とjQueryを組み合わせて、ファイルの読み込みのプログレスバーで表示するサンプルを紹介します。 １．progress要素とは HTML5のprogress要素を使えば、進捗状況を示すプログレスバーを表示することができます。 progress要素は次のように記述します。value属性に作業の進捗度、max属性に作業の全体量を設定します。progress要素の内容にはフォールバックコンテンツを設定できます。 <progress max="100" value="50">50/100</progress> progress要素をサポートしていれば下にプログレスバーが表示されます。サポートしていないブラウザであれば、フォールバックコンテンツである「50/100」が表示されます。 50/100 ２．サンプル progress要素とJavaScriptのFileRea
無料のftpsソフト FileZillaの使い方と日本語版ダウンロード - BTOパソコン.jp
フリーソフト「FileZilla」の日本語版ダウンロードと使い方。 無料のFTPソフトと言えば昔からFFFTPが有名ですが、sftp（暗号化）が使えず危ないと言われる為、フリーかつ日本語化されているFileZilla（ファイルジラ）をお勧めします。 タイトルに日本語版と書きましたが、海外の本家サイトからダウンロードし、Windowsが日本語なら勝手に日本語になってくれます。問題は使い勝手ですが、FFFTP表示が近くなるよう設定を画像入りで解説します。 FileZilla（日本語版）の無料ダウンロード FileZillaの公式サイト、トップページからダウンロードに進めます。 FileZilla - The free FTP solution http://filezilla-project.org/ 左は全プラットフォーム、右はWindowsのみWindowsサーバーとなっております。自称パ
iTunesを使わずiPhone・iPod touch・iPadに音楽や動画を転送できるソフト「PhoneTrans」 | フリーソフトラボ.com
PhoneTrans 「PhoneTrans」は、iTunesを使わずにiPhone、iPod touch、iPad等のiOSデバイスに音楽や動画、アプリなどを転送できるソフトです。PC内の音楽や動画ファイルをiPhoneやiPadにドラッグ＆ドロップで素早く取り込んだり、逆にiPhoneやiPad内にあるコンテンツをPCにバックアップすることもできます。 iPhone、iPod touch、iPadに動画や音楽などのコンテンツを取り込むには、通常ではiTunesを使って母艦PCのライブラリと同期を行う必要があるため、例えばCD一枚分の音楽を取り込みたいだけでもバックアップなど他の処理も同時に行われるため、時間がかかって非常に面倒な部分があります。 本ソフトを使えば、取り込みたいファイルだけを外付けディスクのような感覚で直接転送することが可能になるため、iTunesの同期のように長々と待た
Let’s Publish Your Website to the World!
2014年8月17日 Webサイト制作, 便利ツール ついに連載「実践で学ぶWebサイト制作ガイド」最終記事となりました！これまでの章で制作したWebページも、自分のパソコンの中に保存しておくだけでは誰もあなたのWebサイトを見ることができません。ファイルをWeb上にアップロードして、多くの人に見てもらえるようにしましょう！ ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その8 目標：Webサイトを世界中の人に公開する 必要なもの：サーバー、ドメイン 対象レベル：超初心者OK！ 目次 誰のため？何のため？Webサイトを作り始める前に。 Webサイトの構成図を簡単に作れる便利ツール Webサイト設計図 – ワイヤーフレームの作り方 PhotoshopでWebサイトのデザインをしよう Photoshopでスライスし、パーツ画像を作成するコツと方法 文書構造を意識し
FTP・WebDAVをWindowsのローカルドライブとして扱えるフリーソフト「NetDrive」
接続したFTP・WebDAVサーバーをローカルドライブとして扱うことができ、エクスプローラーなどからファイル・フォルダーをドラッグ＆ドロップで移動させることができるフリーソフトが「NetDrive」です。SSLに対応し、Windows XP・Vista・7・Server 2003・Server 2008上で起動可能となっています。 ダウンロード、インストール、設定操作方法については以下から。 NetDrive - Download NetDrive http://www.netdrive.net/download.html 上記サイトの「Download」をクリック。 ダウンロードしたインストーラーを実行。 「I Agree」をクリック 「Next」をクリック 「Install」をクリック 「Next」をクリック 「Finish」をクリック インストールが完了すると操作画面が表示されます。
ファイルサイズ制限なしで巨大ファイルを直接相手に送信できるフリーソフト「zeZebra」
オンラインストレージなどにファイルを置くことなく安全に、制限なしのファイルサイズで、音楽・動画・文書などあらゆるファイルを暗号化して直接相手に送信できるフリーソフトが「zeZebra」です。WindowsとMacに対応しています。ダウンロード、インストール、ファイルの送信方法については以下から。 Limited Reach... Unlimited! http://www.zezebra.com/ Windowsにインストールするので、上記サイトの「Download zeZebra」をクリック。 ダウンロードしたEXEファイルを実行します。 チェックを入れて「Install」をクリック。 「Next」をクリック 「Finish」をクリック ユーザー名とメールアドレスを入力して「Save & Close」をクリック。ここで入力したユーザー名とメールアドレスはファイルのやり取りをする相手に通知
FFFTPのファイル転送を改善する方法
FFFTPによるファイル転送を改善する方法を紹介します。 2014.9.8追記 「FFFTPが遅い場合の対処」を公開しました。 FFFTPはSotaさんが開発されたフリーのFTPクライアントで、2011年8月31日に開発終了宣言が出されましたが、SourceForge.JPにて有志による開発・バージョンアップが行われています。 私は2012年10月現在、最新版であるffftp-1.98fを使っていますが、ファイル転送速度が以前使っていたffftp-1.97bよりも遅くなったように感じています。 また、使用するサーバによっては以下の「～がアップロードできませんでした」というエラーが頻繁に発生するようになりました。 このエラーが発生すると、一旦切断して再接続しないと転送が行えないようで、正直、実用に耐えられるものではありません。 ということで、1.97bと1.98fの転送ログを比較し、差分を解
ファイルアップロード後にPHPでファイルサイズを取得する
ファイルアップロード後にPHPでファイルサイズを取得する方法を調べました。備忘録として本エントリーで紹介します。 １．利用シーン アップロードしたファイルのサイズが一定サイズを超えている場合にエラーを返却する場合などに利用します。 サンプルも用意しました。 アップロードしたファイルサイズを取得するサンプル サンプルは取得したサイズをそのまま同じページに表示するようにしています。 ２．フォームデータからファイルサイズを取得するPHPコード まず、PHPでファイルのフォームデータを参照するには次のように記述します。 $_FILES['name属性値']['tmp_name'] 「$_FILE」は、アップロードされたファイル情報が連想配列で格納される変数です。 また、「tmp_name」は、テンポラリファイル名で、アップロードされたファイルが一時的に保存されたファイルパスです。 さらに、ファイル
AjaxでファイルをアップロードするjQueryプラグイン「jQuery.upload」
AjaxでファイルをアップロードするjQueryプラグイン「jQuery.upload」を紹介します。 jQuery.upload １．機能 フォームのファイルアップロード実行に「jQuery.upload」プラグインを利用することで、Ajaxによるファイルのアップロードが行えるようになります。 以下のサンプルでお試しください。 サンプル ２．プラグインのダウンロード jQuery.uploadのダウンロードページにある、「jQuery.upload 1.0.2 (Minified)」または「jQuery.upload 1.0.2」を右クリックして「名前をつけて保存」を選択（バージョン1.0.2は2012年8月現在のもの）。 「jquery.upload-1.0.2.min.js」や「jquery.upload-1.0.2.js」といったファイル名で保存します。 ３．プラグインの設定 クラ
FileDrop.js - self-contained cross-browser HTML5, legacy, AJAX, drag & drop JavaScript file upload
Preface Features: No JS dependencies, Flash or Java applets900 lines of code, 1300 lines of comments18 KiB minified, 6 KiB gzippedHTML5, drag & drop for modern browsersIFrame fallback for legacy agents (IE 6+)Flexible event system with over 15 callbacksMultiple independent FileDrops on one pageReady for jQuery, PHP, ASP.net and others600+ lines of unit tests (tests.html) Internet Explorer only sup
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!
画像選択時にサムネイルが出て分かりやすい進捗付きjQueryファイルアップローダー「jQuery File Upload Demo」:phpspot開発日誌
画像選択時にサムネイルが出て分かりやすい進捗付きjQueryファイルアップローダー「jQuery File Upload Demo」 2012年03月19日- jQuery File Upload Demo 画像選択時にサムネイルが出て分かりやすい進捗付きjQueryファイルアップローダー「jQuery File Upload Demo」 Twitter Bootstrap を使ったアップロードのデモなんですが、ファイルを選択するとサムネイルが直ぐに出てくれてます。（複数選択が可能） そして、選択後、すぐアップロードは開始されず、Startボタンを押すと開始されます。 なんか選択したらすぐアップされたなんていうケースがありますのでこれは安心です。 更に、個別にキャンセルが可能なので、アップしようと思った画像と違う物を間違ってアップする事をサムネイルで未然に防げます。 アップした後も、Del
フォームの<input type="file" />の値をjQueryでリセット（クリア）する方法
フォームの<input type="file" />の値をjQueryでリセット（クリア）する方法を紹介します。 １．問題点 フォームの値をリセット（クリア）する場合、通常はtype属性が「reset」のボタンですべてクリアできます。<input type="file" />の値も同様にリセットされます。 HTML <form id="bar" action="foo.cgi"> <input type="file" /> <input type="reset" value="リセット" /> </form> サンプル1 JavaScript（jQuery）でリセットしたい場合、次のように記述すればいいように思われます。 HTML <form id="bar" action="foo.cgi"> <input type="file" id="file" /> <input type="bu
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
10 jQuery File Uploading Plugins | 3D Models, Website Templates and Illustrations blog | Templates.com
10 jQuery File Uploading Plugins December 2nd, 2011 jQuery keeps making the world wide web a more comfortable place and today we are going to share with you an information that will help you solve the problem of uploading files on your website. Most of these jQuery file uploading plugins support such technologies as HTML5 Gears, Silverlight, Flash, BrowserPlus, JavaScript and so on. Most of these
PHPを使ったAjaxファイルアップロードサンプル１０:phpspot開発日誌
10 Free Ajax Upload File Sample With PHP PHPを使ったAjaxファイルアップロードサンプル１０ Ajaxベースのものや、アップしたものを加工できるもの、エクスプローラベースのリッチなものなのが紹介されていて、つくろうとした時にある程度お望みのものがみつかるかも 本番環境で使う場合は認証を実施したり、そもそもセキュリティが考慮されていないものであったりするので、セキュリティ等に気を付けたいところですが、ベースとして使えそう 関連エントリ デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」 HTML5を使ったファイルアップロード用プログラム集 HTML5でプログレスバー付きファイルアップロードを実現する例
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.dropzone.dev/js/
IDEA * IDEA
