首页 > 代码库 > bootstrap-fileinput 图片上传
bootstrap-fileinput 图片上传
bootstrap-fileinput 源文件 在网上下载
CSS:
<link href="http://www.mamicode.com/static/Bootstrap/css/plugins/bootstrap-fileinput/fileinput.min.css" rel="stylesheet" />
JS:
<script src="http://www.mamicode.com/static/Bootstrap/js/plugins/bootstrap-fileinput/fileinput.min.js"></script>
<script src="http://www.mamicode.com/static/Bootstrap/js/plugins/bootstrap-fileinput/fileinput_locale_zh.js"></script>
HTML代码:
<form enctype="multipart/form-data"> <div class="row" style="height: 500px"> <input id="file-1" type="file" multiple class="file" data-overwrite-initial="false" data-min-file-count="1"> </div> </form>
//上传
$("#file-1").fileinput({ uploadUrl: ‘/Handler/upload.ashx‘, // 图片上传URL allowedFileExtensions: [‘jpg‘, ‘png‘, ‘gif‘], overwriteInitial: false, maxFileSize: 1000, maxFilesNum: 10, allowedFileTypes: [‘image‘, ‘video‘, ‘flash‘], slugCallback: function (filename) { return filename.replace(‘(‘, ‘_‘).replace(‘]‘, ‘_‘); } });
//回调函数 当上次成功之后 返回 $("#file-1").on("fileuploaded", function(event, data, previewId, index) {
alert(data.response.JsMessage)
})
upload.ashx 一般处理程序,返回json 格式:
context.Response.Write(JsonConvert.SerializeObject(new { success = true, JsCode = 1, JsMessage = "返回的信息" }));
bootstrap-fileinput 图片上传
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。