ワードプレスの固定ページから写真画像をdrag&dropでアップロードする方法

Question

wordpress 4.5.3jを使ってサイトをつくっています。
端的に質問します。
固定ページから画像ファイルをドラッグ＆ドロップでアップロードしたいのですが、
案１）プラグインを探してインストール、実現
案２）独自にJQUERYによるソースを組み込んで実現

を考えています。
もちろん、誰にでもアップロードされては困るので固定ページは何かしらセキュリティを施します。
写真入りの個人住所録を作ろうとしていて、写真以外の登録フォームはできたので写真をアップロードする部分を完成したいのです。
登録フォームがあるので、contactform7とアドオンを使ってできないものかとも考えました（案３）が、
すでに登録フォームができて独自ＤＢ（テーブル）との読み書きも完成したので、できれば案１か２で実装したいと思っています。
上記に見合う案１としてプラグインはありますか？ 結構探したのですが見当たらなくて...

案２のサンプルはhtmlベースでは沢山あるのですが、wordpressで実装するためのサンプルが見当たらなくて...
を使って案２で実装

どなたか案１としてのプラグインをご存じの方、もしくは案２としてwordpress上でdrag&dropのシンプルなサンプルをご存じの方いらっしゃれば教えていただきたいのですが。
よろしくお願い致します。

＜追記＞
登録フォームは独自に<form>を使い、$wpdb->insert、uploadを使って独自テーブル（wp_custom_xxxxなど）に登録しています。
テーブルの構成は「会員ＩＤ」「氏名」「住所」・・・「顔写真」といった内容で、会員ＩＤはMysql側で登録時に自動インクリメントされたINTが振られるようにしています。
いま、なんとか自力で「DropzoneJS & WordPress AJAX API」を使って頑張っていますが、苦戦しています

Comments

[kei344]

「登録フォーム」はWordPressの機能／プラグインで作成されたのでしょうか。WordPressと独自ＤＢの関係性ももう少し記述いただければと思います。また、写真はWordPress上で管理（管理画面から削除したり）する必要があるものなのでしょうか。

Answer 1

http://www.it-view.net/drag-and-drop-file-upload-jquery-178.html

Comments

[kobe-color]

さっそくの回答ありがとうございます。ご指摘のサイトは私も見ました。これを、私のいう案２として導入したいとも思ったのですが、ワードプレスにおいてはjs部分にて競合をさけるための記述にしなければならないと他のサイトであったため、その競合をさけるための部分が自信がないのです。このＵＲＬにおけるjs部分はどのように変更したらいいのかわかれば、こちらで作ってみたいと思います

Answer 2

WordPressのメディアライブラリに登録する必要がないように見受けられますので、DropzoneJS でドロップされたものを保存するPHPを用意して、そのコールバックでファイルパスを返し、それをフォームに追記していくのはどうでしょう。それであれば WordPress AJAX API を使わなくてもアップロード及びDBへの保存は出来ると思います。

【phpファイルアップロードサーバー保存 | IT-view】
http://www.it-view.net/php-file-upload-server-save-296.html