使用Javascript进行“内容处理”行为

Question

I was wondering if it is possible to make browser behaving the same way as it does when sees "Content-disposition: attachment; filename=..." by using client-side javascript only? This implies the data for the file to be saved is available on the client side only.

Ie suppose we have a javascript Array, on client side only,

var data = [
              ["aa","bb","cc","dd","ee","ff","gg","hh","ii"]
              [ 1,   2,   3,   4,   5,   6,   7,   8,   9],
              ..
           ];

and I want to save this array as a text file to the users's computer. The user must be prompted for the file name(ie I'm NOT trying to bypass browser's security settings or anything like that).

Is this doable without storing array to the server's temp file and making another request to get this temp file back to the user? If there is no simple answer to this question - any ideas, google keywords or links are much appreciated.

Answer 1

看看dowloadify ：它使用@Adam建议的技术

Answer 2

var YourTextData = "text data here";
window.location.href = "data:application/octet-stream," + encodeURIComponent(YourTextData);

Answer 3

You can't do it with a pure JavaScript solution - you need to have the file push come from the server.

But you don't have to have a "physical" file on the server to accomplish that. You can store your data string in memory and write to the response stream from memory. But you won't get any more detailed answer on how to do that without telling us what server-side technology you're working with.

Answer 4

AFAIK, you cannot do this well using Javascript in any sort of cross-browser manner.

If you really don't want to use a server, you could make a hybrid solution using Flash. Essentially you would make a custom Flash control that you would communicate with via Javascript (ExternalInterface) and then the Flash control would initiate the "file save" operation.

Here's an article on the topic: Save a file locally with Flash Player 10