Загрузка изображения без формыДата

Question

Я создал приложение, в котором должно быть загружено изображение. Но проблема в том, что я отправляю объект данных, который никогда не равен formData. Потому что я изменил (отформатировал) объект данных, как требуется для отправки на сервер.

<input type="file" name="imageUrl" id="photoFile"> 

Что-то подобное,

var data = { 
name: '', 
attributes: [{}, {}] 
} 

К этому я хочу добавить изображение, которое будет загружено. Если я использую данные формы, это будет что-то вроде этого.

var data = { 
name: '', 
attribute1: {}, 
attribute2: {} 
} 

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

Answer 1

Используйте форму JQuery, с помощью которой вы можете загружать файлы и управлять данными формы. Используйте следующий синтаксис:

$('#form_id').ajaxForm({ 
       beforeSerialize: function($form, options){ 
        // do the data manipulations here and send it to options["data"] 
        options["data"] = processed_data; 
        }, 
       dataType: 'json', 
       success: function(data){ 
        //success functional logic. 
        } 
       }); 

Более подробную информацию о Jquery форме http://malsup.com/jquery/form/