当前位置：Gxlcms > JavaScript > javascripthtml5移动端轻松实现文件上传_javascript技巧

javascripthtml5移动端轻松实现文件上传_javascript技巧

时间：2021-07-01 10:21:17 帮助过：17人阅读

PC端上传文件多半用插件，引入flash都没关系，但是移动端要是还用各种冗余的插件估计得被喷死，项目里面需要做图片上传的功能，既然H5已经有相关的接口且兼容性良好，当然优先考虑用H5来实现。

用的技术主要是：

ajax
FileReader
FormData

HTML结构：

已经封装好的upload.js，依赖zepto

调用方法：

PHP部分：

<?php
if (isset($_FILES['myFile'])) {
  // Example:
  writeLog($_FILES);
  move_uploaded_file($_FILES['myFile']['tmp_name'], "uploads/" . $_FILES['myFile']['name']);
  echo 'successful';
}
function writeLog($log){
  if(is_array($log) || is_object($log)){
    $log = json_encode($log);
  }
  $log = $log."\r\n";

  file_put_contents('log.log', $log,FILE_APPEND);
}
?>

希望本文所述对大家学习有所帮助。

javascripthtml5移动端轻松实现文件上传_javascript技巧

人气教程排行