ホームページ > バックエンド開発 > PHPチュートリアル > php Ajax ファイルのアップロード例分析_PHP チュートリアル

php Ajax ファイルのアップロード例分析_PHP チュートリアル

WBOY
リリース: 2016-07-20 11:09:34
オリジナル
1105 人が閲覧しました

如何实现异步文件上传
有了file filereader 对象的支持,异步文件上传将变得简单。(以前都会把form提交到iframe来实现)
1:取得file对象
2:读取2进制数据
3:模拟http请求,把数据发送出去(这里通常比较麻烦)
在forefox下使用 xmlhttprequest 对象的 sendasbinary 方法发送数据;
4:完美实现
遇到的问题
目前仅有 firefox 可以正确上传文件。(chrome也可以采google.gears上传)
对于从firefox和chrome下读取到的文件数据好像不一样(不知道是否是调试工具的原因)
chrome以及其他高级浏览器没有 sendasbinary 方法 只能使用 send 方法发送数据,有可能是上面的原因导致无法正确上传。(经过测试普通文本文件可以正确上传)






html5 file and filereader





(把图片拖拽到这里)利用 filereader 获取文件 base64 编码










filereader对象

var filereader = new filereader();
filereader.onloadend = function(){
console.log(this.readystate); // 今回の天気は 2
console.log(this.result); 读取完了回调関数,データ保護存在結果中
}
filereader.readasbinarystring(file);// 读取2进制開始パラメータ
//filereader.readasdataurl(file); // 读取base64
//filereader.readastext(file);//读取文本信息

下面简单の例(chromeとfirefox有效)


www.bkjia.com本当http://www.bkjia.com/PHPjc/444779.html技術記事 (以前はフォームを iframe に転送して実現されていました) 1:file オブジェクトを取得 2:读取...
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート