VUE + UEditor で単一画像のクロスドメインアップロード機能を実装する方法

この記事では、主に VUE + UEditor の単一画像のクロスドメイン アップロード機能の実装方法を紹介します。必要な友人は参考にしてください。

UEditor の公式 Web サイトには、単一画像のクロスドメイン アップロードを提供していないと記載されているため、自分で解決するだけです。インターネットで多くの解決策を調べましたが、vue で使用されているものは見つかりませんでしたが、いくつかのアイデアは得られました。ソースコードをあまり変更したくないという理由で試してみました...解決策は偶然思いつきました:リーフレットをアップロードするとき、バックエンドは直接JSONを返さず、フロントエンドページにリダイレクトします

フロントエンド: VUE

バックエンド: WAMP + ThinkPHP5.0

フロントエンド

http://localhost:8888

1. 公式 Web サイトにアクセスして UEditor を vue にダウンロードし、ueditor.config.js を開いてサーバー パスを設定します (ローカル ドメイン名を指定するには、hosts ファイル (追加) に移動します。以下は私の構成です

2. ueditor.all.js を開き、最後に識別子を追加します。バックエンドは、単一の画像アップロードであるかどうかを判断できます。

3. ページの作成には JSON データが表示されます。ルーティングパラメータを直接使用して返された結果を受け取り、それらを結合したところ、JSON全体を受け取ることができなかったため、すべてのJSONが表示されず、状態とURLのみが取得されました。インターフェースにアクセスせずにバックエンドデータを受信する方法がまだわかりません。良い解決策があれば提案してください。

Backend

http://localhost.server.com

1. PHP版のUEditorをダウンロードし、その中のPHPフォルダー内のファイルをプロジェクトにコピーし、Controller Add判定で出力結果を確認します。 , 単一の画像は直接結果を返しません

2. Config.json でアクセスパスを変更し、パスを保存します

これで基本的には完了です、単一の画像の効果を見てください

上記は私です。皆さんのためにまとめました。今後皆さんのお役に立てれば幸いです。

関連記事:

vue.jsでのvue-fontawesomeの使用について

JSを使用してノードに新しい要素を追加する

JSを使用してノード要素を取得する方法

以上がVUE + UEditor で単一画像のクロスドメインアップロード機能を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。