bootstrap-fileinput 图片上传
2016-11-22 16:24
627 查看
bootstrap-fileinput 源文件 在网上下载CSS:<link href="../../static/Bootstrap/css/plugins/bootstrap-fileinput/fileinput.min.css" rel="stylesheet" />JS:<script src="../../static/Bootstrap/js/plugins/bootstrap-fileinput/fileinput.min.js"></script>
<script src="../../static/Bootstrap/js/plugins/bootstrap-fileinput/fileinput_locale_zh.js"></script>HTML代码:
<script src="../../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文件(图片)上传插件File Input进阶使用说明
- bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
- 使用bootstrap图片上传插件(fileInput)springmvc实现图片上传全流程
- bootstrap-fileinput,多图片上传踩过的坑
- django 通过bootstrap fileinput 上传图片
- Bootstrap中的fileinput 多图片上传及编辑功能
- bootstrap fileinput 组件整合SpringMVC上传图片到本地磁盘
- bootstrap fileinput 上传图片
- bootstrap 上传图片插件 file-input 的简单使用
- bootstrap 文件上传插件 fileinput.min.js 可以预览图片
- 解决BootStrap Fileinput手机图片上传显示旋转问题
- bootstrap 上传图片插件 file-input 的简单使用
- bootstrap fileinput 组件整合SpringMVC上传图片到本地磁盘
- bootstrap fileinput之手机图片上传显示旋转问题
- Bootstrap fileinput 上传Excel附带图片展示
- Bootstrap FileInput插件上传图片和文件
- bootstrapfileinput上传图片
- 【Bootstrap】 fileinput:文件or图片上传
- Bootstrap框架---krajee插件fileinput--最好用的文件上传组件----单多张图片上传交互方式三(推荐)
- Bootstrap-fileinput 多图片上传编辑