https://jsfiddle.net/y8mm4u9o/FormData через AJAX, но получил пустой объект
$('.imageUp').change(function() {
var ext = $(this).val().replace(/^.*\./, '').toLowerCase();
if ($.inArray(ext, ['gif', 'png', 'jpg', 'jpeg']) == -1) {
alert('Only Image can be Upload!');
} else {
var formData = new FormData();
formData.append('file', this);
console.log(formData);
}
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="photo-picker">
<div class="camera">
<div class="lens"></div>
<div class="grip"></div>
<div class="moc"></div>
<input type="file" class="imageUp" />
</div>
<div class="preview-card"><img src="" class="preview" /><span class="photo-title"></span></div>
</div>
Не уверен, что это правильный способ отправить файл на сервер с помощью AJAX, но до сих пор я вижу FormData пусто в моя консоль хром.