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

/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;
});

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です