Javascript 为什么此fileupload函数返回状态错误?

Javascript 为什么此fileupload函数返回状态错误?,javascript,jquery,jquery-ui,jquery-plugins,Javascript,Jquery,Jquery Ui,Jquery Plugins,我最近几个小时遇到了一个问题。我不明白为什么下面的函数返回错误状态。我想做的是,最初我上传了三张图片,但在表单底部有一个按钮,它添加了一个新的输入字段来添加一个新的场景。当我上传给定表单的文件时,它有以下代码 <ul class="upload-section-wrap"> <li> <div class="default-scenario-pic">

我最近几个小时遇到了一个问题。我不明白为什么下面的函数返回错误状态。我想做的是,最初我上传了三张图片,但在表单底部有一个按钮,它添加了一个新的输入字段来添加一个新的场景。当我上传给定表单的文件时,它有以下代码

<ul class="upload-section-wrap">
                 <li>
                    <div class="default-scenario-pic">
                       <div class="scenario-pic"> <span class="scenario-uploaded-file" data-div="3"></span> <a href="#/" class="file-browse-button gray-btn-link">Browse</a> 
                          <input type='file' name='audio_file_<?php echo rand(1,10000);?>' style="font-size:1px;opacity:0;"/>
                       </div>
                       <input type="hidden" class="field_scenario_image" value="" name="scenario_file[fid][2]">
                    </div>
                 </li>
                 <li><a href='#/'  class='gray-btn-link add-comment-block'>Comments</a>
                    <div style="display:none;" class="scenario-comment-block">
                       <div class="messageform">
                          <label>Comment</label>
                          <div class="messageform-content-wrap">
                             <div class="client-comment-body form-content">
                                <textarea placeholder="Comment" cols="30" name="sce_comment[2]" rows="5"></textarea>
                             </div>
                             <a href="#/" class="form-back-button close-colorbox">save</a> </div>
                       </div>
                    </div>
                 </li>
              </ul>

  • “函数返回错误消息”-什么错误消息?您好,谢谢您的回复,当我在完成函数中输入console.log(data.result)时,它在控制台中返回状态为{status:“error”}的错误。那么该错误可能来自您的后端。。。您是否尝试调试后端代码以了解其进入错误场景的原因。。?
    <div class="upload-image-section-wrapper">
       <ul class="upload-section-wrap">
          <li>
             <div class="default-scenario-pic">
                <div class="scenario-pic"> 
                   <span class="scenario-uploaded-file" data-div="1"></span>
                   <a href="#/" class="file-browse-button gray-btn-link">Browse</a> 
                   <input type="file" name="audio_file_'+number+'" style="font-size:1px;opacity:0;"/>
                </div>
                <input type="hidden" class="field_scenario_image" value="" name="scenario_file[fid][0]">
             </div>
          </li>
          <li>
             <a href="#/"  class="gray-btn-link add-comment-block">Comments</a>
             <div style="display:none;" class="scenario-comment-block">
                <div class="messageform">
                   <label>Comment</label>
                   <div class="messageform-content-wrap">
                      <div class="client-comment-body form-content">
                         <textarea placeholder="Comment" cols="30"  name="sce_comment[0]" rows="5"></textarea>
                      </div>
                      <a href="#/" class="form-back-button close-colorbox">save</a> 
                   </div>
                </div>
             </div>
          </li>
       </ul>
    </div>
    
    $('.default-scenario-pic').fileupload({
            dropZone: $('.scenario-pic'),
            limitMultiFileUploads : 1,
            add: function (e, data) {
                $('#multiform-primary-form').append('<div class="loading-large-wrapper fixed-top"><div class="loading-icon fixed-top"></div></div>');
                $(this).addClass('processing');
                var number = 1 + Math.floor(Math.random() * 1000);
                $(this).find('.scenario-uploaded-file').prop('id','pic-'+number);
                    var file_name = data.files[0].name;
                    var reader = new FileReader();
                    reader.readAsDataURL(data.files[0]);
                    reader.onloadend = function(){
                        $('#pic-'+number).parents().closest('.upload-section-wrap').css("background-image", "url("+this.result+")");
                    }
                var file_name = data.files[0].name;
                var new_file_name = '';
                if(file_name.length > 25){
                    new_file_name = file_name.substring(0,20)+"...";
                }else{
                    new_file_name = file_name;
                }
                $('#pic-'+number).html(new_file_name);
                var jqXHR = data.submit();
            },
            progress: function(e, data){
            },
            fail:function(e, data){
                $('.loading-large-wrapper').remove();
                alert('Problem uploading file, please try again!');
            },
            done: function (e, data) {
                var st = jQuery.parseJSON(data.result);
                if(st.status == 'success'){
                    //$(this).closest('.default-scenario-pic').find('img').attr({'src':st.url});
                    $(this).closest('.default-scenario-pic').find('.field_scenario_image').val(st.fid);
                }
                $('.loading-large-wrapper,.loading-icon').remove();
            }
        });
    });