bootstrapfileinput实现文件自动上传

<script type="text/javascript" src="~/bootstrap/js/fileinput.min.js"></script><link href="~/bootstrap/css/fileinput.min.css" rel="stylesheet" /><script src="~/Scripts/lib/jquery.json.js"></script>

 //自动上传文件-JS function initFileInput(ctrlName, uploadUrl) { var control = $('#' + ctrlName); control.fileinput({  language: 'zh', //设置语言  uploadUrl: uploadUrl, //上传的地址 (该方法需返回JSON字符串)  allowedFileExtensions: ['xlsx', 'xls', 'txt'],//接收的文件后缀  showUpload: false, //是否显示上传按钮  showCaption: true,//是否显示标题  browseClass: "btn btn-primary", //按钮样式  //previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",  uploadExtraData: { ID: "123" } }).on('filebatchselected', function (event, data, id, index) {  $(this).fileinput("upload"); }).on("fileuploaded", function (event, data) {  if (data.response) {    //通过 data.response.Json对象属性 获得返回数据  errors = data.response.ErrorList;  } }) }//上传JS初始化 $(function () { initFileInput("fileUpload", "Controllers/Action"); });//获取上传文件弹窗关闭动作$("#fileUpload").change(function () { alert("上传文件弹窗已关闭") })

<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>