幾天來我一直面臨著 PHP 找不到我的索引的問題。
我試過的:
- 更改ajax中的資料名稱
- 我將 PHP Create.php 中的代碼添加到 create.php(在代碼的開頭和結尾)
- 各種ajax可能性
目標
我想在 SQL 服務器上使用 PHP保存我用(cropper.js)裁剪的影像。
我的代碼:
OnSetData.js
canvas = cropper.getCroppedCanvas({
width:700,
height:700
});
canvas.toBlob((blob) => {
url_img = URL.createObjectURL(blob);
//url_img = blob:https://localhost/a37a7cd8-ad48...
$.ajax(
{
url:'assets/php/PHPCreate.php',
type: 'POST',
data: {'image':url_img},
success:function(output) {
console.log('Upload success: ' output);
//Upload sucess: <output is empty>
},
error() {
console.log('Upload error');
},
});
}, 'image/png');
PHPCreate.php
if (isset($_POST['save_submit']))
{
$data = $_POST["image"];
//Warning: Undefined array key "image" in ..\assets\php\PHPCreate.php on line ..
echo($data);
}
創建.php
<link href="assets/assets/cropperjs-main/dist/cropper.css" rel="stylesheet">
<script src="assets/assets/cropperjs-main/dist/cropper.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/OnSetData.js"></script>
<?php
include './assets/php/PHPCreate.php';
?>
.
.
.
.
<form id="formUpload" action="" method="post" class="form-inline" enctype="multipart/form-data">
<button class="btn btn-primary text-uppercase" role="button" name="save_submit" type="submit">Save</button>
</form>
uj5u.com熱心網友回復:
我想你會在瀏覽器中打開 create.php
create.php 有一個表單將“save_submit”作為新請求發送給 izself,因此 create.php 將再次打開,但這次使用“save_submit”,沒有別的,所以是的,沒有影像,這是正確的
現在讓我們看看 OnSetData.js:它使用“影像”向 PHPCreate.php 發出單獨的請求,但沒有“save_submit”,所以 PHPCreate.php 什么也不做
澄清:
- 表單中的按鈕將進行站點導航
- OnSetData.js 將自行發出請求
兩個請求都是分開處理的
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/401535.html
標籤:javascript php html 阿贾克斯 裁剪工具
上一篇:為什么使用jQuery時出現CORS錯誤,但使用XMLHttpRequest時卻沒有?
下一篇:如何用ajaxPHP決議陣列
