In deleteCallback function the data value is file name not is id.

[yoqu]

When I use onload function,through $.get load data to obj,But when I click delete button,The data parameter is file name,I want a id value .
thx.

 onLoad: function (obj) {
                console.log(obj)
                $.get("/admin/node/loadFiles", {id: $(".update-form").attr("id")}, function (data) {
                    console.log(data);
                    if (data['result'] == "SUCCESS") {
                        for (var i = 0; i < data['data'].length; i++) {
                            obj.createProgress(data['data'][i]['name'], data['data'][i]['path'], data['data'][i]['size']);
                        }
                        $("#files").val(files);
                    }
                   return data;
                });
                console.log(obj)
            },
            deleteCallback: function (data, pd) {
                if (data['result'] == "SUCCESS") {
                    var fid = data['data']['id'];
                    $.post("/admin/node/doDeleteFile", {id: fid}, function (result) {
                        console.log(result);
                    });
                }
            },

[hayageek]

Are you returning "id" in load.php?

On Thursday, May 19, 2016, yoqu notifications@github.com wrote:

When I use onload function,through $.get load data to obj,But when I
click delete button,The data parameter is file name,I want a id value .
thx.

onLoad: function (obj) {
console.log(obj)
$.get("/admin/node/loadFiles", {id: $(".update-form").attr("id")}, function (data) {
console.log(data);
if (data['result'] == "SUCCESS") {
for (var i = 0; i < data['data'].length; i++) {
obj.createProgress(data['data'][i]['name'], data['data'][i]['path'], data['data'][i]['size']);
}
$("#files").val(files);
}
return data;
});
console.log(obj)
},
deleteCallback: function (data, pd) {
if (data['result'] == "SUCCESS") {
var fid = data['data']['id'];
$.post("/admin/node/doDeleteFile", {id: fid}, function (result) {
console.log(result);
});
}
},

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub
#102

[yoqu]

@hayageek yeah,I'm try return data variable，the data is a array .It's structure:

{
  "data": {
    "data": [
      {
        "id": 1, 
        "name": "image1.jpg", 
        "path": " /upload", 
        "size": "1000"
      }
    ], 
    "result": "SUCCESS"
  }
}

But in deleteCallback function ,the data parameter variable is file Name.
When I use onSuccess function, the data can inject deleteCallback function.So Please you help me ,I'm back-end developer,So the js I don't know more.thx

[hayageek]

If you can share your URL/code, I can help you

On Thursday, May 19, 2016, yoqu notifications@github.com wrote:

@hayageek https://github.com/hayageek yeah,I'm try return data
variable，the data is a array .It's structure:

{
"data": {
"data": [
{
"id": 1,
"name": "image1.jpg",
"path": " /upload",
"size": "1000"
}
],
"result": "SUCCESS"
}
}

But in deleteCallback function ,the data parameter variable is file Name.
When I use onSuccess function, the data can inject deleteCallback
function.So Please you help me ,I'm back-end developer,So the js I don't
know more.thx

—
You are receiving this because you were mentioned.
Reply to this email directly or view it on GitHub
#102 (comment)

[yoqu]

@hayageek Ok,Thx. You can visite http://blog.yoqu.org/admin/node/loadFiles?id=25,But you need login system. I send you message password and username by Gmail.
When the page load ,
The Onlaod Function be call,And ajax request url.
And When I click delete button ,The data parameter is file name.Not is Object.
Thx.

[hayageek]

I checked the page.
deleteCallback is working fine.

requests is going to http://blog.yoqu.org/admin/node/doDeleteFile
and the params, id: "41"

[yoqu]

Yeah, The deleteCallBack is correct.But I try onLoad return a object.The deleteCallBack function parameter data is a file name array.
My code is that:

$("#singleupload").uploadFile({
            url: "/admin/node/doUploadFile",
            multiple: false,
            dragDrop: false,
            maxFileCount: 1,
            showDelete: true,
            fileName: "file",
            onLoad: function (obj) {
                console.log(obj);
                var result;
                $.ajax({
                    url:"/admin/node/loadFiles",
                    data:{id: $(".update-form").attr("id")},
                    success:function (data) {
                        console.log(data);
                        if (data['result'] == "SUCCESS") {
                            var files = $("#files").val();
                            for (var i = 0; i < data['data'].length; i++) {
                                if (files != "" && files != null) {
                                    files += "," + data['data'][i]['id'];
                                }
                                else {
                                    files = data['data'][i]['id'];
                                }
                                obj.createProgress(data['data'][i]['name'], data['data'][i]['path'], data['data'][i]['size']);
                            }
                            $("#files").val(files);
                        }
                        result=data;
                    },
                    async:false,
                });
                console.log(result);
                return result;
            },
            deleteCallback: function (data, pd) {
                console.log(data);
//                if (data['result'] == "SUCCESS") {
//                    var files = $("#files").val();
//                    console.log(files);
//                    var fid = data['data']['id'];
//                    if (files != "" && files != null) {
//                        if (files.indexOf("," + fid) != -1) {
//                            files = files.replace("," + fid, "");
//                        }
//                        if (files.indexOf(fid + ",") != -1) {
//                            files = files.replace(fid + ",", "");
//                        }
//                        if (files.indexOf(fid) != -1) {
//                            files = files.replace(fid, "");
//                        }
//                    }
//                    console.log(files);
//                    $("#files").val(files);
//                    $.post("/admin/node/doDeleteFile", {id: fid}, function (result) {
//                        console.log(result);
//                    });
//                }
            },
            onSuccess: function (files, data, xhr, pd) {
                if (data['result'] == "SUCCESS") {
                    var files = $("#files").val();
                    if (files != "" && files != null) {
                        files += "," + data['data']['id'];
                    }
                    else {
                        files = data['data']['id'];
                    }
                    $("#files").val(files);
                }
            },
        });

In Onload function, I return a Object .
When I click delete button ,The deleteCallBack parameter is file name array. I want the id.

console.log records:

14:25:54.214 Object { result: "SUCCESS", data: Array[1] }1 32:269:25
14:25:54.228 Object { result: "SUCCESS", data: Array[1] }1 32:287:17
14:26:12.568 Array [ "idea.desktop" ]1 32:291:17

last idea.destop is file name,not object or id.
thx.

[hayageek]

Got it. you need to set returnType:"json"

On 24 May 2016 at 14:41, yoqu notifications@github.com wrote:

Yeah, The deleteCallBack is correct.But I try onLoad return a object.The
deleteCallBack function parameter data is a file name array.
My code is that:

$("#singleupload").uploadFile({
url: "/admin/node/doUploadFile",
multiple: false,
dragDrop: false,
maxFileCount: 1,
showDelete: true,
fileName: "file",
onLoad: function (obj) {
console.log(obj);
var result;
$.ajax({
url:"/admin/node/loadFiles",
data:{id: $(".update-form").attr("id")},
success:function (data) {
console.log(data);
if (data['result'] == "SUCCESS") {
var files = $("#files").val();
for (var i = 0; i < data['data'].length; i++) {
if (files != "" && files != null) {
files += "," + data['data'][i]['id'];
}
else {
files = data['data'][i]['id'];
}
obj.createProgress(data['data'][i]['name'], data['data'][i]['path'], data['data'][i]['size']);
}
$("#files").val(files);
}
result=data;
},
async:false,
});
console.log(result);
return result;
},
deleteCallback: function (data, pd) {
console.log(data);
// if (data['result'] == "SUCCESS") {
// var files = $("#files").val();
// console.log(files);
// var fid = data['data']['id'];
// if (files != "" && files != null) {
// if (files.indexOf("," + fid) != -1) {
// files = files.replace("," + fid, "");
// }
// if (files.indexOf(fid + ",") != -1) {
// files = files.replace(fid + ",", "");
// }
// if (files.indexOf(fid) != -1) {
// files = files.replace(fid, "");
// }
// }
// console.log(files);
// $("#files").val(files);
// $.post("/admin/node/doDeleteFile", {id: fid}, function (result) {
// console.log(result);
// });
// }
},
onSuccess: function (files, data, xhr, pd) {
if (data['result'] == "SUCCESS") {
var files = $("#files").val();
if (files != "" && files != null) {
files += "," + data['data']['id'];
}
else {
files = data['data']['id'];
}
$("#files").val(files);
}
},
});

In Onload function, I return a Object .
When I click delete button ,The deleteCallBack parameter is file name
array. I want the id.

console.log records:

14:25:54.214 Object { result: "SUCCESS", data: Array[1] }1 32:269:25
14:25:54.228 Object { result: "SUCCESS", data: Array[1] }1 32:287:17
14:26:12.568 Array [ "idea.desktop" ]1 32:291:17

last idea.destop is file name,not object or id.
thx.

—
You are receiving this because you were mentioned.
Reply to this email directly or view it on GitHub
#102 (comment)

[yoqu]

I add it, But not resolve.
I read your code,In createProgress function,inject file name to delete function.

pd.del.click(function () {
                    pd.statusbar.hide().remove();
                    var arr = [filename];
                    if(s.deleteCallback) s.deleteCallback.call(this, arr, pd);
                    obj.selectedFiles -= 1;
                    updateFileCounter(s, obj);
                });

I override your code,in createPregoress function

//This is for showing Old files to user.
        this.createProgress = function (data) {
            var pd = new createProgressDiv(this, s);
            pd.progressDiv.show();
            pd.progressbar.width('100%');

            var fileNameStr = "";
            if(s.showFileCounter)
                fileNameStr = obj.fileCounter + s.fileCounterStyle + data['data'][0]['name'];
            else fileNameStr = data['data'][0]['name'];


            if(s.showFileSize)
                fileNameStr += " ("+getSizeStr(data['data'][0]['size'])+")";


            pd.filename.html(fileNameStr);
            obj.fileCounter++;
            obj.selectedFiles++;
            if(s.showPreview)
            {
                pd.preview.attr('src',data['data'][0]['path']);
                pd.preview.show();
            }

            if(s.showDownload) {
                pd.download.show();
                pd.download.click(function () {
                    if(s.downloadCallback) s.downloadCallback.call(obj, [data['data'][0]['name']]);
                });
            }
            if(s.showDelete)
            {
                pd.del.show();
                pd.del.click(function () {
                    pd.statusbar.hide().remove();
                    var arr = data;
                    if(s.deleteCallback) s.deleteCallback.call(this, arr, pd);
                    obj.selectedFiles -= 1;
                    updateFileCounter(s, obj);
                });
            }
            return pd;
        }

I want you to know how to improve it
Thank your help.
Can you follow me in github?&( ^___^ )&

[hayageek]

are u able to do it?

[yoqu]

sure,I override s.deleteCallback.call function,edit the arr. let it chang to array.

[robertdac]

Hello, I have the same problem, any solution?