Javascript PHP-文件上载问题（index.PHP->；custom.js->；function.PHP）

嗨，伙计们 我有我的wordpress插件。我试图通过表单上传一个文件。 问题是我无法将type=“file”存储在数据库中。 我还有一些其他的函数，在这些函数中，我可以毫无问题地将文本等值放入数据库中

<form id="frmCreateFile" class="form-horizontal" action="javascript:void(0)" method="post" 
                enctype="multipart/form-data">
                Select Image File to Upload:
                <input id="file" type="file" name="file">
                <input type="submit" name="submit" value="Upload">
            </form>

我不知道我是否应该更改custom.js函数文件或者怎么做

<form id="frmCreateFile" class="form-horizontal" action="javascript:void(0)" method="post" 
                enctype="multipart/form-data">
                Select Image File to Upload:
                <input id="file" type="file" name="file">
                <input type="submit" name="submit" value="Upload">
            </form>

你们能帮我吗

<form id="frmCreateFile" class="form-horizontal" action="javascript:void(0)" method="post" 
                enctype="multipart/form-data">
                Select Image File to Upload:
                <input id="file" type="file" name="file">
                <input type="submit" name="submit" value="Upload">
            </form>

谢谢你的帮助

<form id="frmCreateFile" class="form-horizontal" action="javascript:void(0)" method="post" 
                enctype="multipart/form-data">
                Select Image File to Upload:
                <input id="file" type="file" name="file">
                <input type="submit" name="submit" value="Upload">
            </form>

这是我的Index.php

<form id="frmCreateFile" class="form-horizontal" action="javascript:void(0)" method="post" 
                enctype="multipart/form-data">
                Select Image File to Upload:
                <input id="file" type="file" name="file">
                <input type="submit" name="submit" value="Upload">
            </form>

这是我的Function.php

<form id="frmCreateFile" class="form-horizontal" action="javascript:void(0)" method="post" 
                enctype="multipart/form-data">
                Select Image File to Upload:
                <input id="file" type="file" name="file">
                <input type="submit" name="submit" value="Upload">
            </form>

global $wpdb;
$param = isset($_REQUEST['param']) ? $_REQUEST['param'] : "";

if(!empty($param) && $param=='create_file'){

    $customerId = '358';

    // File upload path
    $targetDir = VEOSOFT_CRM_DIR . "/uploads/";
    echo $targetDir;
    $fileName = basename($_FILES["file"]["name"]);
    $targetFilePath = $targetDir . $fileName;
    $fileType = pathinfo($targetFilePath,PATHINFO_EXTENSION);

    if(isset($_POST["submit"]) && !empty($_FILES["file"]["name"])){

        // Allow certain file formats
        $allowTypes = array('jpg','png','jpeg','gif','pdf');
        if(in_array($fileType, $allowTypes)){
            // Upload file to server
            if(move_uploaded_file($_FILES["file"]["tmp_name"], $targetFilePath)){
                // Insert image file name into database
                $insert = $wpdb->query("INSERT into wpwh_veosoft_crm_file (fileName, uploadDate, customer_Id) VALUES ('".$fileName."', NOW(),$customerId)");
                if($insert){

                    $statusMsg = "The file ".$fileName. " has been uploaded successfully.";
                }else{
                    $statusMsg = "File upload failed, please try again.";
                } 
            }else{
                $statusMsg = "Sorry, there was an error uploading your file.";
            }
        }else{
            $statusMsg = 'Sorry, only JPG, JPEG, PNG, GIF, & PDF files are allowed to upload.';
        }
    }else{
        $statusMsg = 'Please select a file to upload.';
    }
}

单击“提交”后，我的数据库将在我的表中插入具有以下值的新行：

<form id="frmCreateFile" class="form-horizontal" action="javascript:void(0)" method="post" 
                enctype="multipart/form-data">
                Select Image File to Upload:
                <input id="file" type="file" name="file">
                <input type="submit" name="submit" value="Upload">
            </form>

Id = 51
FileName = (empty)
Date = 2019-12-17

---

不能使用普通Ajax或键值对上载文件。使用多部分数据上载文件

<form id="frmCreateFile" class="form-horizontal" action="javascript:void(0)" method="post" 
                enctype="multipart/form-data">
                Select Image File to Upload:
                <input id="file" type="file" name="file">
                <input type="submit" name="submit" value="Upload">
            </form>

请尝试以下Javascript

<form id="frmCreateFile" class="form-horizontal" action="javascript:void(0)" method="post" 
                enctype="multipart/form-data">
                Select Image File to Upload:
                <input id="file" type="file" name="file">
                <input type="submit" name="submit" value="Upload">
            </form>

jQuery("#frmCreateFile").validate({
        submitHandler:function(){
            var fd = new FormData();
            var files = $('#file')[0].files[0];
            fd.append('file',files);


          $.ajax({
            url: crm_ajax_url,
            type: 'post',
            data: fd+"&action=crm_request&param=create_file",
            contentType: false,
            processData: false,
            success: function(response){
                if(response != 0){
                    $("#img").attr("src",response); 
                    $(".preview img").show(); // Display image element
                }else{
                    alert('file not uploaded');
                }
            }
          });
        }
    });

---

不能使用普通Ajax或键值对上载文件。使用多部分数据上载文件

<form id="frmCreateFile" class="form-horizontal" action="javascript:void(0)" method="post" 
                enctype="multipart/form-data">
                Select Image File to Upload:
                <input id="file" type="file" name="file">
                <input type="submit" name="submit" value="Upload">
            </form>

请尝试以下Javascript

<form id="frmCreateFile" class="form-horizontal" action="javascript:void(0)" method="post" 
                enctype="multipart/form-data">
                Select Image File to Upload:
                <input id="file" type="file" name="file">
                <input type="submit" name="submit" value="Upload">
            </form>

jQuery("#frmCreateFile").validate({
        submitHandler:function(){
            var fd = new FormData();
            var files = $('#file')[0].files[0];
            fd.append('file',files);


          $.ajax({
            url: crm_ajax_url,
            type: 'post',
            data: fd+"&action=crm_request&param=create_file",
            contentType: false,
            processData: false,
            success: function(response){
                if(response != 0){
                    $("#img").attr("src",response); 
                    $(".preview img").show(); // Display image element
                }else{
                    alert('file not uploaded');
                }
            }
          });
        }
    });