Originally posted on: http://geekswithblogs.net/anirugu/archive/2013/11/04/sass-interface-in-html6-for-upload-files.aspx

[This post is about experiment & imagination]

From Windows XP (ever last OS I tried) I have seen a feature that is about send file to pen drive and make shortcut on Desktop. In XP, Win7 (Win8 have this too, not removed) just select the file right click > send to and you can send this file to many places. In my menu it’s show me Skype because I have installed it. this skype confirm that we can add our own app here to make it more easy for user to send file in our app.

Nowadays Many people use Cloud or online site to store the file. In case of html5 drag and drop you need to have site opened and have opened that page which is about file upload. You need to select all  and drag and drop.

after drag and drop file is simply uploaded to server and site show you on list (if no error happen). but this file upload is seriously not worthy since I have to open the site when I do this operation.

Through this post I want to describe a feature that can make this thing better.  This API is simply called SASS FILE UPLOAD API Through This API when you surf the site and come into file upload page then the page will tell you that we also have SASS FILE API support. Enable it for better result.

How this work

This API feature are activated on 2 basis.

1. Feature are disabled by default on site (or you can change it if it’s not)

2. This API allow specific site to upload the files. Files upload may have some rule. For example (minimum or maximum size of file to uploaded, which format the site allowed you to upload). In case of resume site you will be allowed to use .doc (according to code of site)

How browser recognize that Site have SASS service.

In HTML source of  the site, the code have a meta tag similar to this

<meta name=”sass-upload-api” path=”/upload.json”/>

Remember that upload.json is one file that has define the value of many settings

{
  "cookie_name": "ck_file",
  "maximum_allowed_perday": 24,
  "allowed_file_extensions","*.png,*.jpg,*.jpeg,*.gif",
  "method": [
      {
          "get": "file/get",
          "routing":"/file/get/{fileName}"
      },
      {
          "post": "file/post",
          "routing":"/file/post/{fileName}"
      },
      {
          "delete": "file/delete",
          "routing":"/file/delete/{fileName}"
      },
        {
          "put": "file/put",
          "routing":"/file/put/{fileName}"
      },
       {
          "all": "file/all",
          "routing":"/file/all/{fileName}"
      }
   ]
}

cookie name is simply a cookie which should be stored in browser and define in json. we define the cookie_name so we can easily share then with service in Windows system. This cookie will be accessible with the service so it’s security based safe. other cookie will not be shared.

The cookie will be post,put, get from this location. The all location will be simply about showing a whole list of file. This will gave a treeview kind of json to show the directories on sever.

for example example.com if you have activated the API with this site then you will seen a send to option in your explorer.exe when you send you will got a windows open which folder you want to use to send the file.

The windows will also describe the limit and how much you can upload. This thing never required site to opened.

When you upload the file this will be uploaded through FTP protocol. FTP protocol are better for performance.

How this API make thing faster.

Suppose you want to ask a question and want to post image. you just do it and get it ready when you open stackoverflow.com now stackoverflow will only tell you which file you want to put on your current question that you asking for.

second use is about people use cloud app.

There is no need of drag and drop anymore. we just need to do it without drag and drop it. we doesn’t need to open the site either.

This thing is still in experiment level. I will update this post when I got some progress on this API.