<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>
原文地址：https://www.cnblogs.com/weimingxin/p/8966488.html