我想创建一个应用程序(Firefox 扩展),它将抓取一个屏幕区域,保存为图像并上传到服务器。
这是我的路线图:
首先,我将创建一个适用于所有域的greasemonkey用户脚本。当任何页面加载时,它会添加一个名为screengrab + upload
. 当用户单击按钮时,它将添加一个鼠标处理程序,以便我可以绘制一个div
元素。
通过这个可调整大小div
的元素,我将在网页上选择一个矩形区域。在MouseUp
事件中,我将在选定区域上添加一个等效Canvas
元素。
然后我将使用todataurl
函数将所选区域转换为图像/png。现在,我想将此数据上传到我的服务器。因为我的服务器与网页的域不同,所以我需要通过跨域脚本将数据(image/png base64 编码)上传到服务器。
对于图片上传,我将iframe
在网页中添加一个隐藏在我的域中的内容。从网页,数据将作为变量发布到此iframe
,然后从iframe
,数据将发布到我的服务器。
最后,我将使用编译器/转换将greasemonkey脚本转换为FireFox 扩展。
我可以这样申请吗?请提出正确的方法来做到这一点。