Node.js 開発チュートリアル: OnceIO フレームワークに基づくファイルのアップロードと検証機能の実装-jsチュートリアル-php.cn

Node.js 開発チュートリアル: OnceIO フレームワークに基づくファイルのアップロードと検証機能の実装

高洛峰

リリース： 2016-12-24 17:17:40

オリジナル

835 人が閲覧しました

OnceIO は、OnceDoc エンタープライズコンテンツ (ネットワークディスク) の基盤となる Web フレームワークであり、テンプレートファイルと静的ファイルの完全なキャッシュを実現でき、実行には I/O 操作がまったく必要なく、クライアントキャッシュの最適化、GZIP 圧縮、など (最初の圧縮のみ) は非常に優れたパフォーマンスを発揮し、サーバーのコストを節約します。そのモジュラー機能により、Web を分散方式で保存できます。つまり、拡張パッケージにはフロントエンド、バックエンド、およびデータベース定義が含まれており、ディレクトリを追加/削除するだけで機能を削除でき、真のモジュラー拡張が実現します。 OnceIOの使い方を紹介する連載記事です。

この章では、OnceIO を使用してファイルアップロード機能を実装する方法を説明します。

Web ページファイルにフォームを構築します

例として、ファイルアップロード機能のみを備えた単純な Web ページ file.html を取り上げます。

<!DOCTYPE html>
<html>
<body>
<form method="post" enctype="multipart/form-data" action="/file/upload">
<input type="file" name="file" /><br>
<input type="submit" value="Upload" />
</form>
</body>
</html>

ログイン後にコピー

ブラウザの表示効果は次のようになります。

Node.js 開発チュートリアル: OnceIO フレームワークに基づくファイルのアップロードと検証機能の実装

空白のバーまたは「参照...」ボタンを使用すると、ファイル参照ウィンドウを開いて、アップロードする必要のあるファイルを選択できます:

Node.js 開発チュートリアル: OnceIO フレームワークに基づくファイルのアップロードと検証機能の実装

サーバー受信ファイルロジックを確立します

サーバーファイルのwebsvr.jsコードは次のようになります:

var fs = require(&#39;fs&#39;)
var path = require(&#39;path&#39;)
var onceio = require(&#39;../onceio/onceio&#39;)
var app = onceio()
app.get(&#39;/&#39;, function(req, res){
res.render(&#39;file.html&#39;)
})
app.file(&#39;/file/upload&#39;, function(req, res) {
var fileInfo = req.files.file || {}
fs.link(fileInfo.path, path.join(&#39;./fileStore&#39;, fileInfo.name))
res.send(&#39;File Uploaded Successfully&#39;)
}).before(function(req, res) {
var contentLength = req.headers[&#39;content-length&#39;] || 0
if (contentLength > 1048576) {
res.send({ error: &#39;Error: File Size Limit (1 MB) Exceeded&#39; })
} else {
return true
}
})

ログイン後にコピー

var fs = require('fs') と var path = require('path') は、Node.js が提供するファイル操作用のファイルシステム (fs) モジュールと処理用のパスモジュールをそれぞれインポートします。ファイルパス。

app.file(path, callback).before(callback) は app.use(path, callback, {file: true}).before(callback) と同等で、アップロードされたファイルを処理するミドルウェアです。

ファイルがアップロードされると、そのサイズ、ストレージアドレス、名前、形式、および変更時刻が req.files の file 属性に配置されます (名前はタイプ「file」の入力タグ内の name の値です)。そのサイズ情報は、req.headers の content-length 属性に配置されます。

before 関数

before は、OnceIO と他の Web フレームワークの主な違いの 1 つです。最高のパフォーマンスを得るために、ファイルを受信する前に、サイズ、タイプなどの基本的な検証を実行できます。 true を返すと、検証が成功してファイルの受信が開始されることを示します。それ以外の場合は、接続が閉じられ、アップロードがキャンセルされます。以前は、セッションがファイルまたはデータベース Redis に存在する可能性があり、セッションの取得は時間がかかる非同期プロセスであるため、req.session オブジェクトは使用できませんでした。 before 関数は、ファイルの合法性を即座に判断する必要があります。

この例では、before コールバック関数は、req.headers の content-length に基づいて、アップロードされたファイルがサイズ制限を超えているかどうかを判断します (開発者は、if ステートメントの定数を変更することで、ファイルのアップロードサイズの上限を変更できます。 content-length の単位はバイト、1024 * 1024 は 1 MB を表します)、それを超えた場合、ファイルはアップロードされず、超えていない場合、関数の戻り値は true です。、サーバーは引き続き app.file 内のコールバック関数を実行して、一時的なアドレスからファイルを転送します。アドレスは指定されたストレージアドレスに転送され、ファイルはここにアップロードされます。

ファイル名が重複する問題を解決する

現在のサーバープログラムではファイル名が重複する問題を解決できません。ユーザーが同じ名前のファイルをアップロードすると、サーバーはファイルがすでに存在するというエラーを返します。この問題を解決するには、ファイルのメインファイル名と拡張子名の間にタイムスタンプを追加します。この処理の関数コードは次のとおりです。 timestampName(fileInfo.name) を含む .link ステートメント:

var timestampName = function(fileName){
// get filename extension
var extName = path.extname(fileName)
// get base name of the file
var baseName = path.basename(fileName, extName)
// insert timestamp between base name and filename extension
// the plus sign (&#39;+&#39;) before new Date() converts it into a number
return baseName + +new Date() + extName
}

ログイン後にコピー

改良されたサーバープログラムにより、ユーザーは「cache_workflow.png」という名前のファイルを 5 回アップロードできるようになります。サーバーのファイルストレージアドレス「cache_workflow」で始まる名前を持つ、異なるタイムスタンプを持つファイルが 5 つあります:

OnceIO アドレス: https://github.com/OnceDoc/onceio

サンプルソースコード: https: //github.com /OnceDoc/OnceAcademy/tree/master/Lesson14

Node.js 開発チュートリアル: OnceIO フレームワークに基づくファイルのアップロードと検証機能の実装上記は、OnceIO フレームワークに基づいてファイルのアップロードと検証を実装するためにエディターによって紹介された Node.js 開発チュートリアルです。ご質問がございましたら、メッセージを残してください。すぐに返信させていただきます。また、PHP 中国語 Web サイトをサポートしていただきありがとうございます。