热门关键字:
jquery > jquery教程 > jquery教程 > php 使用html5实现多文件上传实例

php 使用html5实现多文件上传实例

401
作者:管理员
发布时间:2021/4/2 19:00:35
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4353
  首先向大家介绍一下html5中file的multiple属性


  定义和用法


  multiple 属性规定输入字段可选择多个值。如果使用该属性,则字段可接受多个值。


  实例:


  上面实例中的input file 可接受多个文件上传字段。


  了解了html5中file的multiple属性,下面我们开始讲解使用html5实现多文件上传。


  实例代码:


  html:


  php代码:


  当初我觉得一个网站上注册和登录这两个功能很神奇,后来自己研究一下发现其实道理很简单,接下来看一下怎么实现的吧……


php 使用html5实现多文件上传实例



  我在我的电脑上建了几个文件:


  login.html (登录页面)


  register.html(注册页面)


  success.html(登录成功跳转页面)


  return.html(注册成功页面)


  login.php


  register.php


  登录界面和注册界面以及success.html并没有


  什么都是些html标记如下:


  return.html是注册成功之后呈现的页面,里面有一段js代码是用来定时返回登录界面的


  php中


  1)编码


  $jsonStr=json_encode($array)


  2)解码


  $arr=json_decode($jsonStr)


  <?php


  echo json_encode("中文", JSON_UNESCAPED_UNICODE);


  添加参数:JSON_UNESCAPED_UNICODE即可。


php 使用html5实现多文件上传实例



  测试环境:


  PHP Version 5.5.36


  js中


  1. 编码


  var str=obj.toJSONString();//需要JSON解析器或工具类


  2. 解码 三种:


  var jsonStr=''[{"id":"1","name":"computer"}]";


  1) var obj=eval(jsonStr); //兼容最好


  2) var obj=jsonStr.parseJSON(); //这俩需要浏览器带JSON解析器。或者加一个json的工具类


  3) var obj=JSON.parse(jsonStr);//





如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐