標籤：onclick ons NPU web var turn image 儲存 img
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>圖片編輯</title>
<script src="js/jquery-1.7.2.js"></script>
<script src="https://dme0ih8comzn4.cloudfront.net/js/feather.js"></script>
<script type=‘text/javascript‘>
//線上編輯圖片功能，第三方外掛程式，完全免費
var featherEditor = new Aviary.Feather({
apiKey: ‘[email protected]‘,//apikey可以免費申請，https://creativesdk.adobe.com/docs/web/#/index.html
apiVersion: 3,
theme: ‘dark‘, // Check out our new ‘light‘ and ‘dark‘ themes!
tools: ‘all‘,//這裡設定為all，可以顯示所有的工具
initTool: ‘text‘,//預設展開的工具
language: ‘zh_HANS‘,//簡體中文
appendTo: ‘‘,
onSave: function (imageID, newURL) {
alert(newURL);
//$.ajax({
// url: "ashx/UserInfo.ashx?t=chAvatar&imgUrl=" + newURL + "&rand=" + Math.random(),
// success: function (url) {
// alert(‘儲存成功‘);
// var img = document.getElementById(imageID);
// img.src = url;
// },
// error: function () {
// alert(‘error‘)
// }
//});
},
onError: function (errorObj) {
alert(errorObj.message);
}
});
function launchEditor(id, src) {
featherEditor.launch({
image: id,
url: src
});
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id=‘injection_site‘></div>
<img id=‘image1‘ src=‘img/cloud.jpg‘/>
<!-- Add an edit button, passing the HTML id of the image and the public URL of the image -->
<p><input type=‘image‘ src=‘‘ value=‘Edit photo‘ onclick="return launchEditor(‘image1‘, ‘img/cloud.jpg‘);" /></p>
</form>
</body>
Adobe出品（支援IOS，android，web調用）免費外掛程式編輯圖片
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
