<script>
$("#update_csv").fileinput({
showUpload: false,
language:'zh',
uploadAsync:true,
dropZoneEnabled:false,
uploadUrl:'http://www.soyiyuan.com/',
maxFileCount: 1,
maxImageWidth: 600,
resizeImage: false,
showCaption: false,
showPreview: false,
browseClass: "btn btn-primary btn-lg",
allowedFileExtensions : ['csv', 'txt'],
previewFileIcon: ""
}).on("filebatchselected", function(event, files) {
$(this).fileinput("upload");
})
.on("fileuploaded", function(event, data) {
if(data.response)
{
alert('处理成功');
}
});
</script>
.on("filebatchselected", function(event, files) {
$(this).fileinput("upload");
})
是jquery的方法,实现文件自动上传
.on("fileuploaded", function(event, data) {
if(data.response)
{
alert('处理成功');
}
是jquery的方法,实现文件上传成功后的提示
<script type="text/javascript">
$("#input-ficons-4").fileinput({
uploadUrl: "AdImgServlet?flag=adimgadd&time="+new Date().getTime(),
previewFileIcon: '<i class="fa fa-file"></i>',
allowedPreviewTypes: 'jpg', // disable preview of standard types
allowedPreviewMimeTypes: ['image/jpeg', 'text/javascript'], // allow content to be shown only for certain mime types
dropZoneTitle: '请通过拖拽或下方的"选择"按钮的方式将jpg格式的广告图片文件放到这里 …',
previewFileIconSettings: {
'docx': '<i class="fa fa-file-word-o text-primary"></i>',
'xls': '<i class="fa fa-file-excel-o text-success"></i>',
'xlsx': '<i class="fa fa-file-excel-o text-success"></i>',
'pptx': '<i class="fa fa-file-powerpoint-o text-danger"></i>',
'pdf': '<i class="fa fa-file-pdf-o text-danger"></i>',
'zip': '<i class="fa fa-file-archive-o text-muted"></i>',
}
}).on("fileuploaded", function(event, data) {
if(data.response)
{
//window.location.href="adimgslist.jsp";
window.setTimeout("window.location='adimgslist.jsp'",3000);
}
});
</script>
上述文件实现文件“选择”后点击“上传”按钮后3秒后自动跳转到adimgslist.jsp页面