在jquery中,使用ajax上傳文件和文本


function onSubmit (data) {
    //獲取文本
    var callingContent = $('#callingContent').val()
              
    // 獲取文件
    var files = $("#selected_files")[0].files[0];

    //把文本和文件都存入formData,再發送ajax上傳
              var formData = new FormData();
              formData.append('file', files);
              formData.append('text', callingContent);
            console.log(formData)

            $.ajax({
                url: '/webcall/import_excel',
                type: 'POST',
                cache: false,
                data: formData,
                processData: false,
                contentType: false,
                mimeType: "multipart/form-data"
            }).done(function(res) {
                res = JSON.parse(res)
                if (res.code == 0) {
                    var data = res.data[0];
                    console.log(data)
                    localStorage.setItem("callingData", JSON.stringify(data))
                    $('#calling-submit').removeClass('layui-btn-disabled')
                    $('#calling-submit').addClass('layui-btn-primary')
                    $('#calling-submit').addClass('active')
                    $('#calling-submit').on('click', startCalling)
                } else {
                    layer.open({
                        type: 1
                        ,offset: 'auto'
                        ,id: 'layerDemoAuto1' //防止重復彈出
                        ,content: '<div style="padding: 20px 100px;">導入名單失敗,請重試</div>'
                        ,btn: '確認'
                        ,btnAlign: 'c' //按鈕居中
                        ,shade: 0 //不顯示遮罩
                        ,yes: function(){
                            layer.closeAll();
                        }
                    });
                }
            }).fail(function(res) {
                layer.open({
                    type: 1
                    ,offset: 'auto'
                    ,id: 'layerDemoAuto1' //防止重復彈出
                    ,content: '<div style="padding: 20px 100px;">導入名單失敗,請重試</div>'
                    ,btn: '確認'
                    ,btnAlign: 'c' //按鈕居中
                    ,shade: 0 //不顯示遮罩
                    ,yes: function(){
                        layer.closeAll();
                    }
                });
            });
              return false;
}

注意,需要返回的都要存入formdata中!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM