使用ajaxFileUpload时出现[object％20Object]错误(get [object%20Object] error when using ajaxFileUpload)

 我有一个javaScript脚本如下： 
 
$.ajaxFileUpload({
        url: url,
        secureuri: false, 
        fileElementId: ['upload-file'], 
        dataType: "JSON", 
        data:{ "sample_path":$(".demo-view-container-left .view img").attr("src")},
        success: function (data)  
        {
            data=JSON.parse(data);
            json = JSON.stringify(data.prediction, undefined, 4)
            var c=document.getElementById("myCanvas");
            var cxt=c.getContext("2d");
            var cxt_text=c.getContext("2d");
            for(var i=0; i<data.prediction.length; ++i){
              score_location=data.prediction[i][i.toString()]
              location=score_location['location']
              cxt.moveTo(location['left'], location['top']);
              cxt.lineTo(location['left']+location['width'], location['top']);
              cxt.lineTo(location['left']+location['width'], location['top']+location['height']);
              cxt.lineTo(location['left'], location['top']+location['height']);
              cxt.lineTo(location['left'], location['top']);
              cxt.stroke();
              cxt_text.font="12px";
              cxt_text.fillText(score_location['score'].toString(), location['left'], location['top']);
            }
            $(".demo-view-container-right p").html("预测JSON:<br>"+json)
        },
        error: function (data)
        {  
        }
 
 它可以进入success部分并执行所有行，但最后它转到一个新的URL，它是附加[object%20Object]当前URL，导致404错误。 如何解决这个问题呢？ 谢谢。 

I have a javaScript script as follows:
 
$.ajaxFileUpload({
        url: url,
        secureuri: false, 
        fileElementId: ['upload-file'], 
        dataType: "JSON", 
        data:{ "sample_path":$(".demo-view-container-left .view img").attr("src")},
        success: function (data)  
        {
            data=JSON.parse(data);
            json = JSON.stringify(data.prediction, undefined, 4)
            var c=document.getElementById("myCanvas");
            var cxt=c.getContext("2d");
            var cxt_text=c.getContext("2d");
            for(var i=0; i<data.prediction.length; ++i){
              score_location=data.prediction[i][i.toString()]
              location=score_location['location']
              cxt.moveTo(location['left'], location['top']);
              cxt.lineTo(location['left']+location['width'], location['top']);
              cxt.lineTo(location['left']+location['width'], location['top']+location['height']);
              cxt.lineTo(location['left'], location['top']+location['height']);
              cxt.lineTo(location['left'], location['top']);
              cxt.stroke();
              cxt_text.font="12px";
              cxt_text.fillText(score_location['score'].toString(), location['left'], location['top']);
            }
            $(".demo-view-container-right p").html("预测JSON:<br>"+json)
        },
        error: function (data)
        {  
        }
 
It can go into success part and execute all lines, but finally it go to a new URL which is current URL appended [object%20Object]resulting in a 404 error. How to solve this problem? thank you.

原文：https://stackoverflow.com/questions/46407434