There is a strange problem that happens to me when I use Dropzone on the local server it works without any problems but when I use it on the NameShape server I have this strange problem

I use this code

<script>
    Dropzone.autoDiscover = false;
    var uploadedDocumentMap = {}
    var myDropzone = new Dropzone("#id_dropzone", {
        url: "/vedios/FunctionName/",
        paramName: "urlinput",
        headers: {
            'x-csrf-token': '{{ csrf_token() }}',
        },

        maxFiles: 1,
        acceptedFiles: "video/*",
        addRemoveLinks: true,
        timeout: 900000,
        removedfile: function(file) {
            if (this.options.dictRemoveFile) {
                return Dropzone.confirm("هل أنت متأكد أنك تريد حذف الصورة", function() {
                    var name = file.previewElement.name;

                    $.ajax({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        type: 'get',
                        url: '/vedios/FunctionName/deleate/',

                        success: function(data) {
                            alert('تم الحذف بنجاح');
                        },
                        error: function(e) {
                            console.log(e);
                        }
                    });
                    var fileRef;
                    (fileRef = file.previewElement) != null ?
                        fileRef.parentNode.removeChild(file.previewElement) : void 0;


                    var fname = ''
                    if (typeof name !== 'undefined') {
                        fname = name
                    } else {
                        fname = uploadedDocumentMap[file.name]
                    }
                    $('form').find('input[name="urlinput[]"][value="'   fname   '"]').remove()

                });
            }
        },

        success: function(file, response) {
            console.log(response);
            return file.previewElement.classList.add("dz-success");
            file.previewElement.name = response;
            var olddatadzname = file.previewElement.querySelector("[data-dz-name]");
            // file.previewElement.querySelector("urlinput").alt = response;
            olddatadzname.innerHTML = response.replace(/^.*[\\\/]/, '');
            olddatadzname.dir = "ltr";

            $('form').append('<input type="hidden" name="urlinput[]" value="'   response   '">')
            uploadedDocumentMap[file.name] = response



        },
        error: function(file, response) {
            if ($.type(response) === "string")
                var message = response; //dropzone sends it's own error messages in string
            else
                var message = response.message;
            file.previewElement.classList.add("dz-error");
            _ref = file.previewElement.querySelectorAll("[data-dz-errormessage]");
            _results = [];
            for (_i = 0, _len = _ref.length; _i < _len; _i  ) {
                node = _ref[_i];
                _results.push(node.textContent = message);
            }
            return _results;
        }

    })

    with(myDropzone.options) {
        dictDefaultMessage = "اسحب الصور هنا أو اضغط للرفع";
        dictFallbackMessage = "المتصفح الخاص بك لا يدعم السحب والإلقاء";
        dictFileTooBig = "حجم الملف كبير، أقصى حجم هو @{{ maxFilesize }}MB";
        dictInvalidFileType = "لا تستطيع رفع ملفات من هذا النوع";
        dictCancelUpload = "إلفاء الرفع";
        dictCancelUploadConfirmation = "هل أنت متأكد أنك تريد إلفاء الرفع؟";
        dictRemoveFile = "حذف";
        dictMaxFilesExceeded = "لا تستطيع رفع ملفات أكثر من ذلك";
    };
</script>

Although the file is supposed to have been transferred and created on the server, but it is not created, I do not know why, but on the local server, no problems appear and the video is created

enter image description here

CodePudding user response：