bootstrap-fileinput 插件使用总结(最近做项目应用到了这个上传文件的插件,分享下不够完善请指出共同进步)
2016-05-25 13:00
951 查看
这里所讲述的是:编辑已成功上传过的图片
//编辑文件上传 插件初始化 通过封装的方式可以 减少很多重复的代码 path 参数是个数组的形式 [ "http://lorempixel.com/800/460/nature/1",//图片的地址 "http://lorempixel.com/800/460/nature/2", ]
con 参数外层是数组形式,里面则为对象 [ {caption: "People-1.jpg", size: 576237, width: "120px", url: "/site/file-delete", key: 1}, ]
function edit_image(path,con){ $("#upload").fileinput({ uploadUrl: "upload", //上传到后台处理的方法 uploadAsync: false, //设置同步,异步 (同步) language: 'zh', //设置语言 overwriteInitial: false, //不覆盖已存在的图片 //下面几个就是初始化预览图片的配置 initialPreviewAsData: true, initialPreviewFileType: 'image', initialPreview:path , //要显示的图片的路径 initialPreviewConfig:con }); }
接下来 通过ajax向后台请求对应的编辑的图片数据组装数组传入到 上面的方法中 就可以在页面上显示了 注:在 ajax中 初始化 fileinput 是配置参数是不起作用的 需要 先销毁,再初始化 销毁fileinput 见官网 http://plugins.krajee.com/file-plugin-methods-demo $("#upload").fileinput('destroy'); //初始化方法 edit_image(); 相关配置见官网 <a target=_blank href="http://plugins.krajee.com/file-input-ajax-demo/3" target="_blank">点击打开链接</a>
相关文章推荐
- 一个关于if else容易迷惑的问题
- PHP5.2.*防止Hash冲突拒绝服务攻击的Patch
- 深入理解PHP之匿名函数
- JSP/PHP基于Ajax的分页功能实现
- 关于PHP通过PDO用中文条件查询MySQL的问题。
- 什么是设计模式
- PHP数据库长连接mysql_pconnect的细节
- Php Installing An Expansion
- rem : web app适配的秘密武器
- php7 读取php.ini[4]
- 按右键另存图片只能存BMP
- photoshop去除图片上的水印
- upload上传单张图片
- 图片引发的溢出危机(图)
- PHP+Apache在Windows 9x下的安装和配置
- IIS 6 的 PHP 最佳配置方法
- 安装Apache和PHP的一些补充
- Linux Apache+MySQL+PHP
- 建立Apache+PHP+MySQL数据库驱动的动态网站