使用ajax将文件输入发送到php

时间:2017-04-23 23:33:40

标签: javascript php jquery ajax

我想使用ajax将输入的文件发送到php脚本。 这是我到目前为止所做的:

HTML

  <div id="inserting">
     <button id="inserting_btn">Upload</button>
     <input type="file" id="inserting_file"/>
   </div>

JS

$('#inserting_btn').click(function(){
        var file = $('#inserting_file').val();
        $.ajax({
            method: 'POST',
            url: 'input_text/import.php',
            data: 'file='+file,
            success: function(data){
                alert(data);
            }
        });
    });

PHP文件import.php

if ($_FILES['file']['tmp_name'] ){
       echo 'yes';
    }
    else {
        echo 'no';
    }

(抱歉我的英文。)

2 个答案:

答案 0 :(得分:1)

Row Header    Property 1    Property 2    Property 3
----          ----          ----          ----
----          ----          ----          ----

尝试用此

替换您的数据行

并在php中

data: {file: file}

答案 1 :(得分:0)

尝试在代码中更改此内容:

<?php
            function show_stock() {
              global $product;
              echo $product->get_stock_quantity();
            }
            /**
             * woocommerce_single_product_summary hook.
             *
             * @hooked woocommerce_template_single_title - 5
             * @hooked woocommerce_template_single_rating - 10
             * @hooked woocommerce_template_single_price - 10
             * @hooked woocommerce_template_single_excerpt - 20
             * @hooked woocommerce_template_single_add_to_cart - 30
             * @hooked woocommerce_template_single_meta - 40
             * @hooked woocommerce_template_single_sharing - 50
             * @hooked WC_Structured_Data::generate_product_data() - 60
             */
            //remove_action('woocommerce_single_product_summary','woocommerce_template_single_add_to_cart',20);
            // add_action('woocommerce_single_product_summary','woocommerce_template_single_add_to_cart',7);
            add_action('woocommerce_single_product_summary','show_stock',7);
            do_action('woocommerce_single_product_summary');

PHP文件import.php

$('#inserting_btn').click(function(){
    var file_rec = $('#inserting_file').prop("files")[0]; // get the file
    var form_data = new FormData();                  
    form_data.append('file', file_rec);
    $.ajax({
        method: 'POST',
        url: 'input_text/import.php',
        data: form_data,
        success: function(data){
            alert(data);
        }
    });
});