検索プログラマのメモ帳

壁にぶつかったら検索で調べるプログラマのちょっと遅れたメモ帳。たまに自分で挑戦する。

Skip to: Content | Sidebar | Footer

ファイルのajaxアップロード(非同期)

27 5月, 2015 (05:19) | ajax(javascript) | By: admin

/jquery-1.10.1.min.js
/jquery.ui.widget.js
/jquery.fileupload.js
/jquery.iframe-transport.js

<label for=”upfile”>
<div id=”filename”></div>
<div id=””>ファイル選択</div>
<!–ファイル選択をディスプレイの外で表示する。「display:hidden;」では動作しない–>
<input type=”file” name=”upfile” id=”upfile” data-url=”upfile” style=”position: absolute;left: -999px;” />
</label>

<input type=”button” id=”btnUpFile” value=”チェック” disabled /><br>
<input type=”hidden” id=”flg_chked” value=”false”/>
<div id=”result”></div>

$(‘#upfile’).fileupload({
dataType: ‘html’,
done: function (e, data) {
$(‘#filename’).html(data.files[0].name);
var strJson = data.result.toString();

}
})

$(“#btnUpFile”).click(function(){
//ファイルタイプチェック
var filepath = $(“#filename”).html();
if(filepath.indexOf(“csv”) == -1 && filepath.indexOf(“CSV”) == -1){
alert(“CSVファイルを選択してください”);
$(‘#result’).html(“”)
$(“#filename”).html(“”);
return false;
}
return false;
});

Write a comment