検索
ホームページウェブフロントエンドjsチュートリアルAJAX 経由で Base64 アップロードを変換するための jQuery エンコード

今回は、AJAX 経由でアップロードするための jQuery エンコードを Base64 に変換する方法と、AJAX 経由でアップロードするための jQuery エンコードを Base64 に変換する方法について説明します。 注意事項は何ですか? ここで実際のケースを見てみましょう。

この記事の例では、jQuery がファイルを Base64 にエンコードし、AJAX 経由でアップロードする方法について説明します。参考までに皆さんと共有してください。詳細は次のとおりです:

通常、AJAX を使用してファイルを直接アップロードすることはできません。非同期ファイル アップロードの効果を実現するには、その中に新しい iframe を作成してフォーム送信プロセスを完了する必要があります。

これにより、ブラウザーの互換性が向上しますが、plupload などの

ファイルアップロードプラグインが使用される場合でも、コードの量は比較的多くなります。

あるレベルの柔軟性を実現するにはどうすればよいでしょうか? 通常の AJAX によるフォーム データの送信と同じように、ファイルを通常のフォーム パラメーターとして扱うことができれば素晴らしいでしょう。

ひらめきがあったのですが、

javascriptFileReaderオブジェクトを使ってファイルをbase64にエンコードしてからサーバーに送信すれば十分ではないでしょうか~

それを始めて、十分な食べ物を持って、衣類。

フロントエンドはbase64でファイルをエンコードし、ajax経由でサーバーに送信します:

  <meta>

        
<script></script> <script> $(document).ready(function(){ $("#fileup").change(function(){ var v = $(this).val(); var reader = new FileReader(); reader.readAsDataURL(this.files[0]); reader.onload = function(e){ console.log(e.target.result); $(&#39;#file_base64&#39;).val(e.target.result); }; }); }); </script>バックエンドはファイルデータをデコードして保存します:

<?php if (isset($_POST[&#39;file_base64&#39;])){
  $file_base64 = $_POST[&#39;file_base64&#39;];
  $file_base64 = preg_replace(&#39;/data:.*;base64,/i&#39;, &#39;&#39;, $file_base64);
  $file_base64 = base64_decode($file_base64);
  file_put_contents(&#39;./file.save&#39;, $file_base64);
}
この記事の事例を読んだ後は、この方法を習得したと思います。 . さらに興味深い情報については、他の php 中国語 Web サイトの関連記事にご注目ください。

推奨読書:

vuexでのmapStateとmapGettersの使用の詳細な説明

angularでページの部分印刷を実装する手順の詳細な説明

以上がAJAX 経由で Base64 アップロードを変換するための jQuery エンコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
如何在 Windows 11 上安全禁用 Windows Modules Installer Worker如何在 Windows 11 上安全禁用 Windows Modules Installer WorkerApr 13, 2023 pm 03:43 PM

无论您使用的是旧计算机还是需要您的 PC 同时运行许多任务,您都可能希望禁用 Windows 模块安装程序工作程序。原因是 Windows 模块安装程序工作人员对您的磁盘、CPU 和内存施加了很高的负载。您可能会使用最好的软件来修复高 CPU 使用率,但一些报告显示它甚至可能会占用 100% 的 CPU 使用率。虽然它可以帮助您维护一个更安全和可靠的系统,但它会付出代价。因此,您可以决定保留或禁用它以避免性能问题。在本文中,我们将详细探讨什么是 Windows 模块安装程序工作人员以及如何启用或

jquery实现多少秒后隐藏图片jquery实现多少秒后隐藏图片Apr 20, 2022 pm 05:33 PM

实现方法:1、用“$("img").delay(毫秒数).fadeOut()”语句,delay()设置延迟秒数;2、用“setTimeout(function(){ $("img").hide(); },毫秒值);”语句,通过定时器来延迟。

jquery怎么修改min-height样式jquery怎么修改min-height样式Apr 20, 2022 pm 12:19 PM

修改方法:1、用css()设置新样式,语法“$(元素).css("min-height","新值")”;2、用attr(),通过设置style属性来添加新样式,语法“$(元素).attr("style","min-height:新值")”。

axios与jquery的区别是什么axios与jquery的区别是什么Apr 20, 2022 pm 06:18 PM

区别:1、axios是一个异步请求框架,用于封装底层的XMLHttpRequest,而jquery是一个JavaScript库,只是顺便封装了dom操作;2、axios是基于承诺对象的,可以用承诺对象中的方法,而jquery不基于承诺对象。

jquery怎么在body中增加元素jquery怎么在body中增加元素Apr 22, 2022 am 11:13 AM

增加元素的方法:1、用append(),语法“$("body").append(新元素)”,可向body内部的末尾处增加元素;2、用prepend(),语法“$("body").prepend(新元素)”,可向body内部的开始处增加元素。

jquery怎么删除div内所有子元素jquery怎么删除div内所有子元素Apr 21, 2022 pm 07:08 PM

删除方法:1、用empty(),语法“$("div").empty();”,可删除所有子节点和内容;2、用children()和remove(),语法“$("div").children().remove();”,只删除子元素,不删除内容。

jquery怎么去掉只读属性jquery怎么去掉只读属性Apr 20, 2022 pm 07:55 PM

去掉方法:1、用“$(selector).removeAttr("readonly")”语句删除readonly属性;2、用“$(selector).attr("readonly",false)”将readonly属性的值设置为false。

jquery on()有几个参数jquery on()有几个参数Apr 21, 2022 am 11:29 AM

on()方法有4个参数:1、第一个参数不可省略,规定要从被选元素添加的一个或多个事件或命名空间;2、第二个参数可省略,规定元素的事件处理程序;3、第三个参数可省略,规定传递到函数的额外数据;4、第四个参数可省略,规定当事件发生时运行的函数。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

PhpStorm Mac バージョン

PhpStorm Mac バージョン

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

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

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

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境