[英]how can i use post and files with ajax?
我想知道如何使用ajax使用$ _POST和$ _FILES,我試圖上傳圖像並在數據庫中插入一個值。
我已經嘗試過了,但是沒有用。
index.html
<div class="form-group">
<label> img </label>
<input type="file" name="img" id="img" />
<input type='hidden' id='value' value='<?=$_GET["p"]?>' />
</div>
ajax.js
$(document).ready(function() {
$('#upload').click(function() {
var value = $('#value').val();
var img = $('#img').val();
var string= 'value=' + value + '&img=' + img;
$.ajax({
type: "POST",
url: "ajax.php",
data: string,
dataType: "json",
success: function(data) {
var success = data['success'];
if (success == true) {
console.log('success');
} else {
console.log('error');
}
}
});
return false;
});
});
ajax.php
<?php
if(isset($_POST["value"]) && isset($_FILES["img"])) {
echo json_encode(array("success" => true));
} else {
echo json_encode(array("success" => false));
}
?>
最好的方法是先將映像轉換為base64。 這種轉換是在變更偵聽器中完成的。
var files = []; $("input[type=file]").change(function(event) { $.each(event.target.files, function(index, file) { var reader = new FileReader(); reader.onload = function(event) { object = {}; object.filename = file.name; object.data = event.target.result; files.push(object); }; reader.readAsDataURL(file); }); }); $("form").submit(function(form) { $.each(files, function(index, file) { $.ajax({url: "/ajax-upload", type: 'POST', data: {filename: file.filename, data: file.data}, success: function(data, status, xhr) {} }); }); files = []; form.preventDefault(); });
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.