评论：可拖拽和带预览图的jQuery文件上传插件ssi-uploader  [查看原文]

Music3
2017/6/7 12:35:03

每个img上挂个id

// 删除图片;
function delImg(t) {
    var imgpath = $(t).attr('id');
    //alert(t);
    var msg = "您真的确定要删除吗？";
    if (window.confirm(msg)) {
        $.ajax({
            type: "POST",
            url: "后台执行代码（执行物理删除或者修改数据库进行软删除）",
            data: {
                "imgpath": imgpath
            },
            dataType: "json",
            success: function(data) {
                //alert(data);
                if (data == '1') {
                    alert('删除成功!');
                    $(t).fadeOut("slow");
                    // 将目前上传图片数量-1
                    var ss = $("#info").text();
                    $("#info").text(Number(ss) - Number(1));
                    var bb = Number(ss) - Number(1);
                    if (Number(content_max) > Number(bb)) {
                        $(".ssi-buttonWrapper").css("display", "block");
                    }
                } else {
                    alert('删除失败!');
                }
            }
        });
    } else {
        return false;
    }
}

怎么得到ajax从后台传过来得值并显示啊？？？

ssh-action后台怎么接收文件呢？？

大神，文件上传成功后，onupload的回调函数怎么接受后台传过来的json数据呀

$('#ssi-upload').on('onUpload.ssi-uploader', function(resp) {
    $('#modal-msg').html('操作状态：' + resp.data + '<br>点击取消关闭');
    $('#modal').modal();
});

我这样写没有定义

Just so so0
2017/5/4 2:18:15

请问解决问题没啊,我也在这个问题 

漠默寞墨0
2017/5/23 11:51:03

看下面2月4号的评论

问下这个上传图片如何限制图片的长和宽????

如何获取后台上传完生成的文件名那些数据?

有c#、asp的后台接收代码吗？

曲胜龙0
2017/5/10 14:14:20
我也需要这个，不知仁兄搞定了么？

大神，在进行修改操作时，怎么在初始化的时候将图片放到插件里面？

大神，能一次性接受完所有文件吗？

想要添加后台返回数据的话

1.在第538行，添加一个变量定义，比如我用 returnMsg

2.在567-582行，cb方法中把data赋值给returnMsg，我就直接加在底部

function cb(result, data) {
                    if (result) {//if response type is success
                        dataType = "success";
                        msg = thisS.language.success;
                        spanClass = 'check';
                        thisS.successfulUpload++;// one more successful upload
                    } else {
                        uploadBar.addClass('ssi-canceledProgressBar');
                        if (thisS.options.preview) {
                            msg = thisS.language.error;
                        }
                        title = data;
                        thisS.abortedWithError++;
                    }
                    returnMsg = data;
                }

3.第587、631行最后加上returnMsg

4.第595行附近添加 returnMsg:returnMsg

到这里就修改完可以用后台返回了

前台调用

onEachUpload: function (fileInfo) {
                console.log(fileInfo.returnMsg.content);
            },

就有了

array[]0
2017/2/21 14:33:22

大神，后台怎么接收数据呀

b2894lxlx1
2017/3/7 15:03:11

1.要是你只上传一张图片，可以调用onEachUpload，在上传后把你想传给后台的数据用js/jq赋值给你的input，后台就有了

2.要是多张图片的话，可以先用onEachUpload都丢给一个数组，然后再用onUpload赋值给你的input

从心0
2017/3/9 10:29:31

大神，能借鉴下的源码吗

b2894lxlx1
2017/3/9 17:13:22

$('#goods_gallery_url').ssi_uploader({
            url: '{:U("Goods/UploadImg")}',
            data: {"savePath": "SourceImg/"},
            //最大文件大小 mb
            maxFileSize: 3,
            //最大文件数
            maxNumberOfFiles: 6,
            allowed: ['jpg', 'gif', 'jpeg', 'png'],
            //每个文件上传回调函数
            onEachUpload: function (fileInfo) {
                galleryList.push(fileInfo.returnMsg.content);
            },
            onUpload: function () {
                $("#goods_gallery").val(galleryList);
            }
        });

yvoune0
2017/3/12 0:03:21
大神可不可以发完整的前后台源码参考下

NOW开始0
2017/3/13 21:19:02
去下载最新版的，这些问题都解决了。https://github.com/ssbeefeater/ssi-uploader这里还有PHP的相关指引：http://ssbeefeater.github.io/#ssi-uploader/documentation

众米网络-技术10
2017/4/15 10:02:12

没效果啊

虚幻空?0
2017/5/18 13:48:22

returnMsg 按照这个方式 还是获取不到啊 求大神给份完整的

漠默寞墨0
2017/5/23 11:23:47

刚刚看了下新版的代码，作者使用responseMsg接收后台返回的json数据

onEachUpload: function (data) {
       console.log(data.responseMsg);//控制台输出json
},

自动..提交表单怎么解决的啊？？作者大大？？？

道子0
2017/1/19 17:27:45

作者大大 留个QQ或者微信，好不~有什么不会的直接问你了~

b2894lxlx1
2017/2/4 10:09:15

33-41行加上type="button"

Sweet Dreams0
2017/2/21 10:33:53

哪里的33-41行

Sweet Dreams0
2017/2/21 10:41:55

谢谢，找打了

在试用的时候发现一个问题：如果上传了多个文件，并且删除一个（删除的文件不是最后一个），后续如果再次上传文件，会出现预览图错乱的问题。

从心0
2017/3/9 10:13:56
确实是

　p!n0
2017/5/10 11:31:08

要重新计算索引id

请问这个插件展示图片的规律是什么，有什么方法之类的吗，求详解。