图片上传拖动排序插件(原创)

所属分类： JQ特效输入上传

查看演示立即下载

插件描述：一个基于Stable的可拖动排序的图片上传插件 [1.1.0]它可以用于商品主图的排序

更新时间：2019-07-19 16:33:39

更新说明：修复了回调取不到ajax请求数据的错误，完善实例化返回方法

发布时间：2019-07-17 11:56:37

使用方法

1. 在html中加下如下代码

<input type="button" id="upload_duixiang" value="上传" />
<div class="show"></div>
<div class="msg"></div>

2. 引用jq库并调用

<script src="/"></script>
<!-- 图片排序 -->
<script src="Sortable/Sortable.js"></script>

3. 调用

var a = $("#upload_duixiang").FraUpload({
    view: ".show",
    url: "upload.php",
    fetch: "img", //视图分为三种,img:图片视图 , file:文件视图 ,none或者其他未知: 不渲染上传视图
    debug: false,
    /* 外部获得的回调接口 */
    onLoad: function(e) { // 选择文件的回调方法
        // console.log("外部: 初始化完成...");
    },
    breforePort: function(e) {
        // console.log("文件发送之前触发");
    },
    successPort: function(e) {},
    errorPort: function(e) {},
    Post: function(e) {}
});

4. 获取上传的文件数据

$('.get_images').click(function(){
   console.log(a.FraUpload.show())
})

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： progress 标签制作加载（原创）
下一个特效：手机app通用模板个人中心页面模板