1

私は主に Java と Python の開発者ですが、現在取り組んでいるアプリケーションを設計するために最近 JavaScript を取り上げました。アプリケーションを設計するために、必要な Python コードを JavaScript フレームワークに組み込みたいと思います。ただし、これを行う方法がよくわかりません。私が実装したい特定のスクリプトは、JavaScript から生成されたいくつかの変数を受け取り、特定のテキスト ファイル形式に合うように何らかの方法でフォーマットされた情報を含むファイルを書き込む Python のファイル書き込みスクリプトです。以下のコード。アプリケーションで PHP も使用しています。Django を使用して Python コード (以前に Django を使用したことがありません) または他の方法を組み込むことは可能ですか? ありがとう。

パイソン:

 newfile = open(newfile.txt, "w")
 newfile.write("New File")
 newfile.close()
4

2 に答える 2

2

わかりました、Web アプリケーションの場合、Python のサポートは、ブラウザがプラグインとして提供されているか、ブラウザに組み込まれている Python サポートを持っているかどうかに基づいています。アプリケーションを表示するほとんどの人がこれに該当すると考えるのは、おそらく得策ではありません。<SCRIPT type="text/x-python" src="path-to-your-pyfile.py">その場合は、HTMLのタグにスクリプトを含めるだけです。代わりに、javascript は、html5 のおかげで、テキスト データとバイナリ データの両方を含むファイルへの書き込みをサポートするようになりました。ここでファイル api を参照してください。

ファイル API の使用に問題がある場合は、次のようなデータ URI を使用して、JavaScript からユーザーが保存するファイルへのリンクをいつでも作成できます。

データ:テキスト/プレーン;base64,aGVsbG8gZnJvbSBhIGRhdGEgdXJpISEh

これは、javascript からオンザフライでファイルを生成する html ファイルの例です。私は独自の base64 エンコーダーを作成しましたが、これには多くの js ライブラリが利用可能です。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<SCRIPT type="text/javascript" >
var BASE_64_ALPHABET =//for encoding base64
[
 'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z',
 'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z',
 '0','1','2','3','4','5','6','7','8','9','+','/'
];
var BASE_64_PAD = '=';
function valueAt(source,index)
{
    var result = null;

    if(source.charAt)
        result = source.charAt(index);
    else 
        result = source[index];

    if(result.charCodeAt)
        result = result.charCodeAt(0);

    if(result === null | result === undefined)
        return 0;

    return result;
}
function toBase64(data, offset, length)
{
    var padSize = (3-(length % 3));

    if(padSize == 3 && length != 0)
        padSize = 0;

    var bufferSize = ((4*(length-(length%3)))/3); + padSize;
    var buffer = new Array(bufferSize);

    var iterationLimit = length + (length % 3) - 1;

    var octetMask = 0xFF;
    var sextetMask = 0x3F;

    for(var sourceIndex=0,destinationIndex=0;sourceIndex<iterationLimit;sourceIndex+=3,destinationIndex+=4)
    {
        var readBlock =
        (
            ((valueAt(data, offset+sourceIndex) & octetMask) << 16) |
            ((valueAt(data, offset+sourceIndex+1) & octetMask) << 8) |
            (valueAt(data, offset+sourceIndex+2) & octetMask)
        );

        buffer[destinationIndex] = BASE_64_ALPHABET[(readBlock >>> 18) & sextetMask];
        buffer[destinationIndex+1] = BASE_64_ALPHABET[(readBlock >>> 12) & sextetMask];
        buffer[destinationIndex+2] = BASE_64_ALPHABET[(readBlock >>> 6) & sextetMask];
        buffer[destinationIndex+3] = BASE_64_ALPHABET[readBlock & sextetMask];
    }
    for(var i = 0; i < padSize; i++)
        buffer[buffer.length - 1 - i] = BASE_64_PAD;

    return buffer.join("");
}

function makeDataURI()
{
    var data = document.getElementById("datasource").value;
    var mime = document.getElementById("mimesource").value;
    alert("data:"+mime+";base64,"+toBase64(data,0,data.length));
}

</SCRIPT>
</head>
<body>
<INPUT id="datasource" type="text" value="enter your file data here"></INPUT>
<INPUT id="mimesource" type="text" value="enter your mime type here"></INPUT>
<INPUT type="button" onclick="makeDataURI();" value="Generate URI"></INPUT>
</body>
</html>
于 2013-01-22T19:23:21.173 に答える
1

注: 完全なクライアント側のソリューションについては、Aaron の回答を参照してください。

ファイルを生成するために、サーバーサイド スクリプトを呼び出すことができます。

これは ajax を使用して行われます (クライアントからサーバーへの非同期呼び出しを行います)。

Djangoでこれを行うことができます

Django Ajax リソースのリストは次のとおりです。

または、個別に行うこともできます。Ajax に関するオンラインのリソースはたくさんあります。

JavaScript ファイル API について

Javascript のファイル書き込み API を使用することを提案した人もいますが、私があなたのことを正しく理解していて、(Node.js ではなく) ブラウザー コードを書いていると仮定すると、私はそれをお勧めしません。これらの API はまだ広くサポートされていません。その API でサポートされているブラウザのリストは次のとおりです: http://caniuse.com/#feat=filesystem

于 2013-01-22T19:31:28.297 に答える