この記事では、HTML5 でファイルをアップロードするためのコードを紹介します。必要な方は参考にしていただければ幸いです。
FileUpload.php
<input type="file" onchange="handleUpload()">
インターフェース呼び出し upload.php
:
function handleUpload(){ var file = document.querySelector('input[type=file]').files[0]; if(!!file) { var reader = new FileReader(); // 读取文件二进制 reader.readAsArrayBuffer(file); reader.onload = function() { upload(this.result, file.name); } } }function upload(binary, filename){ var xhr = new XMLHttpRequest(); // 通过post发送二进制数据,文件信息拼接在url xhr.open('POST', './upload.php?filename=' + filename); xhr.overrideMimeType("application/octet-stream"); if(xhr.sendAsBinary) { xhr.sendAsBinary(binary); }else { xhr.send(binary); } xhr.onload = function() { var res = JSON.parse(xhr.response); if(res.status === 'success') { alert('上传成功'); }else { alert('上传失败'); } } }
おすすめ関連記事:
css box-sizing 属性(ボックスモデル) 使い方紹介HTML5のビデオ(video)要素の解析FileUpload.php
<?php $result = new stdClass(); $fileName = $_GET['filename']; $filePath = './document/'; function binary_to_file($fileName){ // 获取二进制数据 $content = file_get_contents('php://input'); if(empty($content)) { $content = $GLOBALS['HTTP_RAW_POST_DATA']; } $res = file_put_contents($GLOBALS['filePath'] . $fileName, $content, true); return $res; }if(binary_to_file($fileName) === FALSE) { $result->status = 'error'; }else { $result->status = 'success'; }echo json_encode($result);
接口调用upload.php
ルービックキューブゲームを実装するHTML5コード
以上がHTML5 でのファイルアップロードのコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。