2 つの jQuery プラグインを共有する - jquery.fileupload および artdialog_jquery
これらは私たちのプロジェクトに不可欠なものなので、今日は iframe である artdialog と呼ばれる 2 つの jquery プラグインと、jquery file Upload と呼ばれる 2 つの jquery プラグインをお勧めします。このプラグインの使用方法に関するチュートリアルはほとんどありません。 in jquery ファイルをインターネット上にアップロードする方法を今日は簡単に紹介し、メモしていきます!
コードを使用した簡単な例
最小化法
data-url は
をアップロードした後にアップロードされたファイルを実行する php メソッドです。
$(関数() {
$('#fileupload').fileupload({
dataType: 'json', //josn 送信
完了: function (e, data) { //アップロード後に実行
$.each(data.result.files, function (index, file) {
$('').text(file.name).appendTo(document.body);
});
}
});
});
少し拡大してください
$(関数(){
//完全な API はここにありますhttps://github.com/blueimp/jQuery-File-Upload/wiki/API 一般的に使用される手順をいくつか紹介します
$("#fileupload").fileupload('option',{ //アップロード イベントを設定します
url: 'http://localhost/php/index.php' //phpのアップロード方法を指定
disableImageResize: /Android(?!.*Chrome)|Opera/
.test(window.navigator.userAgent)、 。 に acceptFileTypes: /(.|/)(rar|zip|jp?g|png|bmp)$/i, //アップロードタイプを設定します
});
$.ajax({
url: $('#fileupload').fileupload('option', 'url'), //設定オプションに従いajax送信
データ型: 'json',
コンテキスト: $('#fileupload')[0]
}).done(関数 (結果) {
$(this).fileupload('option','done'
).call(this, $.Event('done'), {result: result}); //アップロード完了後に行うこと
});
$('#fileupload').bind('fileuploaddone',function(e,data){ //アップロードが完了したイベントをバインドします
$.each(data.result.files, function (index,file){
for(ファイル内の変数 i){
アラート(i ':' ファイル[i])
}
});
//バインドされたイベントが多すぎるので直訳すると意味が分かります
$('#fileupload')
.bind('fileuploadadd', function (e, data) {/* ... */})
.bind('fileuploadsubmit', function (e, data) {/* ... */})
.bind('fileuploadsend', function (e, data) {/* ... */})
.bind('fileuploaddone', function (e, data) {/* ... */})
.bind('fileuploadfail', function (e, data) {/* ... */})
.bind('fileuploadalways', function (e, data) {/* ... */})
.bind('fileuploadprogress', function (e, data) {/* ... */})
.bind('fileuploadprogressall', function (e, data) {/* ... */})
.bind('fileuploadstart', function (e) {/* ... */})
.bind('fileuploadstop', function (e) {/* ... */})
.bind('fileuploadchange', function (e, data) {/* ... */})
.bind('fileuploadpaste', function (e, data) {/* ... */})
.bind('fileuploaddrop', function (e, data) {/* ... */})
.bind('fileuploaddragover', function (e) {/* ... */})
.bind('fileuploadchunksend', function (e, data) {/* ... */})
.bind('fileuploadchunkdone', function (e, data) {/* ... */})
.bind('fileuploadchunkfail', function (e, data) {/* ... */})
.bind('fileuploadchunkalways', function (e, data) {/* ... */});
});
});
このプラグインは非常に強力でメソッドや API が多すぎるので、最初に公式 Web サイトの API を見ていただいても構いません。もちろん、わからない場合は私に質問することもできます。
2 つ目は、実際には非常にシンプルな ArtDialog で、すべての API が中国語で書かれているので、学生は一目で理解できます。ここでは、データの送信方法について説明します。 iframeが閉じているとき?
関数ニーハオ(){
art.dialog.open( //iframe リモート ファイルを開きます
"http://localhost/dialog/index2.html",
{
タイトル: "テスト ページ"、
幅: 320、
高さ: 400、
閉じる: function(){
//iframe が閉じられたときに実行されます
alert("私の神は閉まっています")
}
}
);
}
送信
index2.html データを転送したいのですが、もちろん、X をクリックすると、index2 はすでにデータを親 iframe に転送します。以下のコードは、どうすればよいでしょうか。
varorigin = artDialog.open.origin;
var v = Origin.document.getElementById('nihao');
v.value = document.getElementById('chushu').value;
もちろん、クリックしてもデータは送信されません。

CおよびJavaScriptは、WebAssemblyを介して相互運用性を実現します。 1)CコードはWebAssemblyモジュールにコンパイルされ、JavaScript環境に導入され、コンピューティングパワーが強化されます。 2)ゲーム開発では、Cは物理エンジンとグラフィックスレンダリングを処理し、JavaScriptはゲームロジックとユーザーインターフェイスを担当します。

JavaScriptは、Webサイト、モバイルアプリケーション、デスクトップアプリケーション、サーバー側のプログラミングで広く使用されています。 1)Webサイト開発では、JavaScriptはHTMLおよびCSSと一緒にDOMを運用して、JQueryやReactなどのフレームワークをサポートします。 2)ReactNativeおよびIonicを通じて、JavaScriptはクロスプラットフォームモバイルアプリケーションを開発するために使用されます。 3)電子フレームワークにより、JavaScriptはデスクトップアプリケーションを構築できます。 4)node.jsを使用すると、JavaScriptがサーバー側で実行され、高い並行リクエストをサポートします。

Pythonはデータサイエンスと自動化により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、データ処理とモデリングのためにNumpyやPandasなどのライブラリを使用して、データサイエンスと機械学習でうまく機能します。 2。Pythonは、自動化とスクリプトにおいて簡潔で効率的です。 3. JavaScriptはフロントエンド開発に不可欠であり、動的なWebページと単一ページアプリケーションの構築に使用されます。 4. JavaScriptは、node.jsを通じてバックエンド開発において役割を果たし、フルスタック開発をサポートします。

CとCは、主に通訳者とJITコンパイラを実装するために使用されるJavaScriptエンジンで重要な役割を果たします。 1)cは、JavaScriptソースコードを解析し、抽象的な構文ツリーを生成するために使用されます。 2)Cは、Bytecodeの生成と実行を担当します。 3)Cは、JITコンパイラを実装し、実行時にホットスポットコードを最適化およびコンパイルし、JavaScriptの実行効率を大幅に改善します。

現実世界でのJavaScriptのアプリケーションには、フロントエンドとバックエンドの開発が含まれます。 1)DOM操作とイベント処理を含むTODOリストアプリケーションを構築して、フロントエンドアプリケーションを表示します。 2)node.jsを介してRestfulapiを構築し、バックエンドアプリケーションをデモンストレーションします。

Web開発におけるJavaScriptの主な用途には、クライアントの相互作用、フォーム検証、非同期通信が含まれます。 1)DOM操作による動的なコンテンツの更新とユーザーインタラクション。 2)ユーザーエクスペリエンスを改善するためにデータを提出する前に、クライアントの検証が実行されます。 3)サーバーとのリフレッシュレス通信は、AJAXテクノロジーを通じて達成されます。

JavaScriptエンジンが内部的にどのように機能するかを理解することは、開発者にとってより効率的なコードの作成とパフォーマンスのボトルネックと最適化戦略の理解に役立つためです。 1)エンジンのワークフローには、3つの段階が含まれます。解析、コンパイル、実行。 2)実行プロセス中、エンジンはインラインキャッシュや非表示クラスなどの動的最適化を実行します。 3)ベストプラクティスには、グローバル変数の避け、ループの最適化、constとletsの使用、閉鎖の過度の使用の回避が含まれます。

Pythonは、スムーズな学習曲線と簡潔な構文を備えた初心者により適しています。 JavaScriptは、急な学習曲線と柔軟な構文を備えたフロントエンド開発に適しています。 1。Python構文は直感的で、データサイエンスやバックエンド開発に適しています。 2。JavaScriptは柔軟で、フロントエンドおよびサーバー側のプログラミングで広く使用されています。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!
