ajax - jquery上传文件ajax：不能让它工作

Question

我正在尝试上传文件，但什么也得不到……这是我的 html：

<form id=\"captimg\" enctype=\"multipart/form-data\" action=\"captureimg\">
                            <input type=\"text\" name=\"form_titre_photo_capture_mobile\" placeholder=\"Titre\" class=\"texte_texte_photo_capture_mobile\" id=\"form_titre_photo_capture_mobile\">
                            <input type=\"file\" capture=\"camera\" accept=\"image/*\" id=\"takePictureField\" name=\"takePictureField\">
                            </form>
<div class=\"loader\" id=\"spinner_m\">
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                            <button id=\"FormSubmitPhotoCaptureMobile\" class=\"submit_button\">Envoyer</button>

还有我的 jquery ajax：

$("#FormSubmitPhotoCaptureMobile").click(function (e) {

        e.preventDefault();

        if($("#form_titre_photo_capture_mobile").val()==="")
        {
            alert("Veuillez saisir un titre");
            return false;
        }
        $('#FormSubmitPhotoCaptureMobile').hide();
        $('#spinner_m').show();
            var form_data = new FormData($("#captimg"));                 
            form_data.append("file", takePictureField.files[0]);            
            form_data.append("titre", $("#form_titre_photo_capture_mobile").val());

        jQuery.ajax({
            type: "POST",
            cache: false,
                    contentType: false,
                    processData: false,
            url: "captureimg",
            data:form_data,
            success:function(response){
            $('#bar').val(100);
            $("#responds").before(response);
            $("#form_titre_photo_capture_mobile").val('');
                        $('#spinner_m').hide();
                        $('#FormSubmitPhotoCaptureMobile').show();
            }
        });
    });

我发现了大量的代码，但没有任何工作......请问这个有什么问题？谢谢

Answer 1

我刚刚删除了您的 html 中的所有斜杠并将 ajax url 更改为captureimg.php. 在服务器端，我被抛弃$_FILES并收到了这个：

Array
(
[file] => Array
    (
        [name] => apache_pb2.png
        [type] => image/png
        [tmp_name] => home/tmp/phpA772.tmp
        [error] => 0
        [size] => 1463
    )

)

在 Chrome 中一切正常。但是在 Firefox 中我得到了这个错误TypeError: Value does not implement interface HTMLFormElement. var form_data = new FormData($("#captimg"));