dtuzjzs3853 2015-06-12 07:52
浏览 42
已采纳

Jquery使用一个ajax调用发布文件和数据

Hi I have a wordpress php class that receives my ajax and works good. Now i have to upload a file in the same POST request i use to pass parameters to the PHP class ( i have a switch in the class that sends me to the proper function based on the parameters in the POST data ).

this is the code:

$(document).ready(function (e) {


$('#imageUploadForm').on('submit',(function(e) {
    e.preventDefault();
    var formData = new FormData(this);
    var userID = <?php echo get_current_user_id(); ?>; 
    var ajaxurl = '<?php echo admin_url('admin-ajax.php'); ?>';
    var data = {
            'action': 'romme_call',
            'whatever': 1234, 
            'userID': userID,
            'function_call': 'upload_profile_photo',
            **'form_data' : formData**
        };
         console.log(data);
        jQuery.post(ajaxurl, data, function(response) {
            console.log("done");
            console.log(data);
        });

this code will of course return a "Uncaught TypeError: Illegal invocation"

because it does not accept formData as parameter in data.

how can i handle this?

  • 写回答

1条回答 默认 最新

  • dongwu9647 2015-06-12 08:02
    关注

    It returns Illegal invocation because jQuery is trying to parse the form data with $.param.

    When submitting files with jQuery's ajax processing must be turned off

    $('#imageUploadForm').on('submit', (function (e) {
        e.preventDefault();
        var formData = new FormData(this);
        var userID = <? php echo get_current_user_id(); ?> ;
        var ajaxurl = '<?php echo admin_url('admin-ajax.php'); ?>';
    
        formData.append('action', 'romme_call');
        formData.append('whatever', '1234');
        formData.append('userID', userID);
        formData.append('function_call', 'upload_profile_photo');
    
        $.ajax({
            url  : ajaxurl,
            type : 'POST',
            data : formData,
            contentType: false,
            processData: false
        }).done(function(response) {
            console.log("done");
            console.log(data);
        });
    });
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 有人能看一下我宿舍管理系统的报修功能该怎么改啊?链表那里总是越界
  • ¥15 cs loadimage运行不了,easyx也下了,没有用
  • ¥15 r包runway详细安装教程
  • ¥15 Html中读取Json文件中数据并制作表格
  • ¥15 谁有RH342练习环境
  • ¥15 STM32F407 DMA中断问题
  • ¥15 uniapp连接阿里云无法发布消息和订阅
  • ¥25 麦当劳点餐系统代码纠错
  • ¥15 轮班监督委员会问题。
  • ¥20 关于变压器的具体案例分析