铁路6上传 wdget应用前保存
下代码用在我的轨迹6.1应用中通过部件上传图像上传效果良好裁剪图像后, 或点击'crop'或'save'上传原创图像, 代之以原创图像
var myWidget = cloudinary.createUploadWidget({
cloudName: '
upload_preset: '<%= cloudinary_preset %>',
sources: [
"local",
"camera"
],
cropping: true,
styles: {
palette: {
window: "#FFFFFF",
windowBorder: "#90A0B3",
tabIcon: "#1891F7",
menuIcons: "#5A616A",
textDark: "#0F2E51",
textLight: "#FFFFFF",
link: "#1891F7",
action: "#FF620C",
inactiveTabIcon: "#3F5A81",
error: "#F55A68",
inProgress: "#0078FF",
complete: "#34D09B",
sourceBg: "#e0e4f5"
},
fonts: {
default: null,
"'Poppins', sans-serif": {
url: "https://fonts.googleapis.com/css?family=Poppins",
active: true
}
}
}
}, (error, result) => {
if (result.event == "success") {
fetch('/graphics', {
method: 'POST',
credentials: "same-origin",
headers: {
"X-CSRF-Token":
"Content-Type": "application/json"
},
body: JSON.stringify({
graphics: {
graphicable_id: <%= graphic.id %>,
graphicable_type: "<%= graphic.class.name %>",
stored_at: result.info['public_id'],
label: result.info['original_filename']
}
})
}).then(response => response.text())
.then((response) => {
console.log(response)
eval(response);
})
.catch((error) => console.log(error)
)
}
})
document.querySelector(".image-upload-button").addEventListener("click", function () {
console.log('image upload requested');
myWidget.open();
}, false);