カテゴリー: HTML

よく利用するMIMEタイプ

HTML5では下記のように表示するファイルをフィルタリングできる。

<input type="file" name="filename" accept="image/jpeg, image/gif, image/png">
<input type="file" name="filename" accept="image/*">

 

ファイル拡張子 ファイル種類 MIMEタイプ
.docx Microsoft Office Word文章（2007以降） application/vnd.openxmlformats-officedocument.wordprocessingml.document
.xlsx Microsoft Office Excel （２００７以降） application/vnd.openxmlformats-officedocument.spreadsheetml.sheet
.pptx Microsoft Office PowerPoint（２００７以降） application/vnd.openxmlformats-officedocument.presentationml.presentation
.xls Microsoft Office Excel(2003以前） application/vnd.ms-excel
.doc Microsoft Office Word(2003以前） application/msword
.pdf PDFファイル application/pdf
.gif GIF image/gif
.jpg .jpeg JPEG image/jpeg
.png PNG image/png

Dropzoneがよかったが失敗したこと

ドラッグアンドドロップでファイルをアップロードできるツールの「Dropzone」を試しましたがあと一歩できなくて挫折中・・・。

■できたこと
マルチアップローダーだけど、１件ずつ処理していって、サーバー上で登録したサーバー名を返して、アップしたあとに削除ボタンを追加してファイル削除ができるようになったこと。
（同名ファイルだと、問題があったので、同名ファイルアップを禁止に。）

■できなかったこと
サーバー上にすでに登録されているファイルリストを作成して表示すること。
（途中までいったかが追加したボタンを表示できなかった）

 

忘れるのでメモコード。

var mockFile = { name: "file.jpg", size: 12345, url :"/sample" };
var myDropzone = this;
myDropzone.emit("addedfile", mockFile); 
myDropzone.emit("thumbnail", mockFile,mockFile.url+'/'+mockFile.name);
myDropzone.emit("success", mockFile); 
myDropzone.files.push( mockFile );

また気が向いた時に試してみよう。

都道府県一覧（システムで再利用するためのコード）

都道府県名をシステムに組み込むときはなんだかんだと多々あります。毎回作るのが面倒なので使ったものを残していきます。

 

HTMLのselectタグで都道府県コードで値取得バージョン

 

HTMLのselectタグで都道府県コードで都道府県名で値取得バージョン