Live загрузка файла

Question

Я работаю над загрузкой файла jQuery в реальном времени.

В моем приложении есть форма с полем файла.когда пользователь выбирает файл, мне нужно загрузить его, используя метод загрузки файлов AJAX.Затем, когда пользователь отправит «Отправить», произойдет загрузка файла.

Используя следующее, моя загрузка файла AJAX проходит отлично.Но проблема в том, что после выгрузки файла значение поля файла будет очищено.

var url = $('#site').val()
url = url + "/ajax/addTmpImg";

var id = 'my_file';

alert($('#' + id).val()); // THIS WILL SHOW FILE FIELD VALUE

$.ajaxFileUpload({
    url: url,
    secureuri: false,
    fileElementId: id,
    dataType: 'json',
    data: {
        'type': file_name,
        'name': file_name
    },
    success: function (data, status) {
        alert($('#' + id).val()); // THIS WILL RETURN EMPTY
    },
    error: function (data, status, e) {
        alert(status);
    }
});

Перед выгрузкой файла это выдаст предупреждение о значении поля файла, и после выгрузки файла будет показано то же самое.нет ничего.

Answer 1

var url = $('#site').val();
url = url + "/ajax/addTmpImg";

var id = 'my_file';
var val = $('#' + id).val();

alert(val); // THIS WILL SHOW FILE FIELD VALUE

$.ajaxFileUpload({
    url: url,
    secureuri: false,
    fileElementId: id,
    dataType: 'json',
    data: {

        'type': file_name,
        'name': file_name
    },
    success: function (data, status) {


        alert(val); // THIS WILL SHOW FILE FIELD VALUE
    },
    error: function (data, status, e) {
        alert(status);


    }
});

Answer 2

Попробуйте определить глобальную переменную и присвойте ей значение $('#'+id).val().

Как это:

var someVar = $('#'+id).val();

Вы можете получить доступ к этой переменной позже.