Добавить несколько файлов и удалить выбранный файл перед отправкой формыJquery

Программирование на jquery
Ответить
Anonymous
 Добавить несколько файлов и удалить выбранный файл перед отправкой формы

Сообщение Anonymous »

Здравствуйте, я использую CodeIgniter 3 для создания формы для отправки нескольких входных данных типа = текст и тип = файл. В настоящее время я занимаюсь загрузкой файла. Моя главная задача — иметь функцию загрузки, которая могла бы загружать и удалять выбранный файл перед отправкой. Я следую коду из загрузки нескольких файлов - со ссылкой «удалить файл», но проблема в том, что, насколько я понимаю из того, что они написали, они удаляют только внешний вид, а не сам выбранный файл. Я не планирую использовать плагин.
Просмотр


Browse



    Изображение типа ввода=файл
    Внешний JavaScript
    var filesToUpload = [];

    $.fn.fileUploader = function (filesToUpload) {
    this.closest(".files").change(function (evt) {

    for (var i = 0; i < evt.target.files.length; i++) {
    filesToUpload.push(evt.target.files);
    };

    var output = [];

    for (var i = 0, f; f = evt.target.files; i++) {
    var removeLink = "
    ";

    output.push("
    [*]", escape(f.name), " - ", removeLink, " ");
    }

    $(this).children(".fileList").append(output.join(""));
    });
    };

    $(document).on("click",".removeFile", function(e){
    e.preventDefault();
    var fileName = $(this).parent().children("strong").text();
    // loop through the files array and check if the name of that file matches FileName
    // and get the index of the match
    for(i = 0; i < filesToUpload.length; ++ i){
    if(filesToUpload.name == fileName){

    // remove the one element at the index where we get a match
    filesToUpload.splice(i, 1);
    }
    }

    // remove the element of the removed file from the page DOM
    $(this).parent().remove();
    });

    $("#files1").fileUploader(filesToUpload);



    Подробнее здесь: https://stackoverflow.com/questions/670 ... tting-form
    Ответить

    Быстрый ответ

    Изменение регистра текста: 
    Смайлики
    :) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
    Ещё смайлики…
       
    К этому ответу прикреплено по крайней мере одно вложение.

    Если вы не хотите добавлять вложения, оставьте поля пустыми.

    Максимально разрешённый размер вложения: 15 МБ.

    Вернуться в «Jquery»