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


5430 | 251  | 503 | 添加收藏 上一个 下一个
资源描述 : 一个基于Stable的可拖动排序的图片上传插件 [1.1.0]它可以用于商品主图的排序
图片上传拖动排序插件(原创)
资源详情

使用方法



  1. 在html中加下如下代码


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


  1. 引用jq库并调用


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


  1. 调用


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) {}
});


  1. 获取上传的文件数据


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


指尖代码 资源每日更新 www.zjdaima.com