用於將上傳的文件名上傳到 php 表單的 Js 不在一台服務器上工作但在另一台服務器上工作

Question

我有兩個表單，它們將上傳兩個不同的 csv 文件並對它們執行一些查詢。 它在我的本地主機和測試站點中運行良好，但沒有在客戶端的服務器中運行。表單是 php 和 html，我使用 js 獲取上傳的文件名

這是表單代碼：

<form action="index.php" method="post" name="upload-form" id="upload-form">

<input type="hidden" value="" name="filelist" id="filelist" />

<div class="form-group">

    <div class="panel panel-default" id="uploading-files-wrapper">
        <div class="panel-heading">
            <h3 class="panel-title">MLS Research Data</h3>
        </div>
        <div class="panel-body">
            <span class="btn btn-success fileinput-button ">
                <i class="glyphicon glyphicon-plus"></i>
                <span>Select files...</span>
                    <input id="fileupload" class="fileupload" type="file" multiple="">
            </span>
            <br><br>
            <div id="progress" class="progress upload-progress">
                <div class="progress-bar progress-bar-warning" style="width: 0%;"></div>
            </div>
        </div>
    </div>

    <div class="panel panel-default" style="display: none;" id="uploaded-files-wrapper">
        <div class="panel-heading">
            <h3 class="panel-title">Uploaded files</h3>
        </div>
        <div class="panel-body">
            <div id="uploaded_files" class="files"></div>
        </div>
        <div class="panel-footer clearfix">
            <button type="submit" class="btn btn-success pull-right">
                <span style="padding-right: 5px">Import uploaded data</span>
                <i class="glyphicon glyphicon-alert"></i>
            </button>
        </div>
    </div>

</div>

Pyramis Actives 數據選擇文件...

上傳的文件 導入上傳的數據

這是用於獲取文件名並將其添加到表單輸入的js

 $(function () { var $filelist = []; var $active_filelist = []; $('#fileupload').fileupload({ url: 'upload.php', dataType: 'json', add: function (e, data) { $('#fileupload').prop('disabled', true); $('#fileupload.fileinput-button').addClass('disabled'); data.submit(); }, done: function (e, data) { $.each(data.result.files, function (index, file) { $filelist.push(file.url); $('<p/>').text(file.name).appendTo('#uploaded_files'); }); }, progressall: function (e, data) { var progress = parseInt(data.loaded / data.total * 100, 10); $('.upload-progress .progress-bar').css( 'width', progress + '%' ); } }).prop('disabled', !$.support.fileInput) .parent().addClass($.support.fileInput ? undefined : 'disabled') .bind('fileuploadstop', function (e) { var $_form = $('#fileupload').closest('form'); $('#uploading-files-wrapper').slideUp('fast'); $('#uploaded-files-wrapper').slideDown('fast'); $('#filelist').val(JSON.stringify($filelist)); $_form.append( $('<input type="hidden" name="import_data" value="1" />') ); }); $('#actives-form').on('submit', function () { var $submit_button = $('#active-files-wrapper').find('button'); $submit_button.prop('disabled', true); $submit_button.html('please wait...'); }); $('#actfileupload').fileupload({ url: 'upload.php', dataType: 'json', add: function (e, data) { $('#actfileupload').prop('disabled', true); $('.act-btn').addClass('disabled'); data.submit(); }, done: function (e, data) { $.each(data.result.files, function (index, file) { $active_filelist.push(file.url); $('<p/>').text(file.name).appendTo('#actives_files'); }); }, progressall: function (e, data) { var progress = parseInt(data.loaded / data.total * 100, 10); $('.act-prog .progress-bar').css( 'width', progress + '%' ); } }).prop('disabled', !$.support.fileInput) .parent().addClass($.support.fileInput ? undefined : 'disabled') .bind('fileuploadstop', function (e) { var $_form = $('#actfileupload').closest('form'); $('#actives-files-wrapper').slideUp('fast'); $('#active-files-wrapper').slideDown('fast'); $('#active_filelist').val(JSON.stringify($active_filelist)); $_form.append( $('<input type="hidden" name="import_data" value="1" />') ); });

});

此代碼在我的本地主機和另一個測試站點中工作，但不在我客戶端的服務器中，我嘗試了 3 天的多種方法，但沒有發現任何錯誤，請幫助

Answer 1

我發現了問題，客戶端的服務器將上傳文件夾“文件”寫保護。 所以json文件沒有上傳，也沒有讀取文件。 對於所有可能面臨同樣問題的人