<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: '3092928019@qq.com',//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' οnclick="return launchEditor('image1', 'img/cloud.jpg');" /></p> </form> </body>