0
我使用cropit來裁剪圖像。將裁剪後的圖像保存到本地服務器，並將其保存到MySQL數據庫的網址
<body>
<div class="image-editor">
<input type="file" class="cropit-image-input">
<!-- .cropit-image-preview-container is needed for background image to work -->
<div class="cropit-image-preview-container">
<div class="cropit-image-preview"></div>
</div>
<div class="image-size-label">
Resize image
</div>
<input type="range" class="cropit-image-zoom-input">
<button class="export">Save</button>
</div>
<script>
$(function() {
$('.image-editor').cropit({
exportZoom: 1.25,
imageBackground: true,
imageBackgroundBorderWidth: 10,
imageState: {
src: '../image/default-avatar.png'
}
});
$('.export').click(function() {
var imageData = $('.image-editor').cropit('export');
window.open(imageData);
});
});
</script>
</body>
我面臨兩個問題：
- 當我做裁剪，然後點擊保存按鈕裁剪圖像在新窗口中打開。我希望它不應該在新窗口中打開，而是裁剪圖像應該保存到相關的用戶文件夾，如：
ROOT_PATH.'user/upload/'.$row['UserName'].'/avatar/big/' - 我想還保存最新的裁剪圖像URL保存在MySQL數據庫
AvatarImage列。
下方找到MySQL數據庫的信息：
數據庫名稱：ARA
數據庫用戶：根
數據庫密碼：
數據庫地址：127.0.0.1