I want to create a application (Firefox extension ) which will grab a screen area and save to image and upload to server. Here is my roadmap. First I will create a greasemonkey user script which will applicable to all domain, When any page will load , It will add a small button named "screengrab + upload" . when User will click on button, It will add mouse handler so that I can draw a DIV element. by this resizable div element I will select a ractangular area on web page. On MouseUp event I will add a equivilant Canvas element over the selected area. Then I will use todataurl function to convert the selected area as image/png. Now I want to upload this data to my server. because My server is different then the domain of webpage , I need to upload the data(image/png base64 encoded) to server via cross domain scripting. for image upload , Now I will add a hidden iframe from my domain to webpage. From webpage, data will be posted to iframe as variable and then from iframe , data will be posted to my server. At last, I will convert a greasemonkey script to firefox extension using compiler/convert
will i be able to make this application by this way ? please suggest me the proper way to do this,