<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Image editing</title>
<script src="js/ jquery-1.7.2.js"></script>
<script src="https://dme0ih8comzn4.cloudfront.net/js/feather.js"></script>
<script type='text/javascript'>
/ /Online image editing function, third-party plugin, completely free
var featherEditor = new Aviary.Feather({
apiKey: '[email protected]',//apikey can apply for free, https://creativesdk.adobe.com/docs/ web/#/index.html
apiVersion: 3,
theme: 'dark', // Check out our new 'light' and 'dark' themes!
tools: 'all',//This is set to all, you can display all tools
initTool: 'text',//Default expanded tool
language: 'zh_HANS',//Simplified Chinese
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 produced (support IOS, android, web calls) free plug-in editing pictures
Guess you like
Origin http://43.154.161.224:23101/article/api/json?id=325008425&siteId=291194637
Recommended
Ranking