博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
基于HTML5多图片Ajax上传可预览
阅读量:6786 次
发布时间:2019-06-26

本文共 891 字,大约阅读时间需要 2 分钟。

html5多图控件<input id="fileImage" type="file" size="30" name="files[]" multiple /> multiple 这个input的特性是html5新有的,所以IE6这么低级的货是无法兼容的。

这个属性相当于以前的这样的多图情况

  

不过道理很简单一个是一次只能选择一个图片

HTML5的这个可以选择多个图片

后台代码:

function getimgmany($rr,$upload_image_dir){$fs = $_FILES[$rr];$imgnames = array(); for($i=0;$i
不支持的扩展名
点击返回";exit();} srand ((double) microtime() * 948625); //生成随机文件名$targetname =time();$targetname .= rand() . '.' . $pathinfo["extension"]; $targetpath = $upload_image_dir .strftime ("%Y%m" ,time())."/". $targetname;copy($_FILES[$rr]['tmp_name'][$i], $targetpath);unlink($_FILES[$rr]['tmp_name'][$i]); $imga = $targetpath;array_push($imgnames,$imga);}return $imgnames;}

  php代码:

$imgdir = "uploads/";$imgs = getimgmany('files',$imgdir);print_r($imgs);

  html5 ajax上传图片的代码如下:

HTML5上传图片

注意图片太小的话,看不到进度条

开始上传

      

    转载于:https://www.cnblogs.com/axl234/p/4615982.html

    你可能感兴趣的文章
    spring 的自建request请求
    查看>>
    数组的相关知识
    查看>>
    Python中的logger和handler到底是个什么鬼
    查看>>
    mysql之 openark-kit online ddl
    查看>>
    mydumper安装、原理介绍
    查看>>
    值类型和引用类型的详细讨论
    查看>>
    《ArcGIS Runtime SDK for Android开发笔记》——(12)、自定义方式加载Bundle格式缓存数据...
    查看>>
    mysql 查询当天、本周,本月,上一个月的数据
    查看>>
    构建和管理有效API市场的关键步骤
    查看>>
    B00003 C++标准库 std::bitset
    查看>>
    字符串最小表示法(1) 朴素算法
    查看>>
    oracle监听问题
    查看>>
    windows 数据类型转换为 dotnet 数据类型
    查看>>
    fork函数
    查看>>
    ROS语音交互——科大讯飞语音合成TTS(二)
    查看>>
    为什么要架构?当架构走火入魔时怎么办
    查看>>
    请说明Java中字符'\'的含义,有什么作用?
    查看>>
    Jenkins部署Python项目实战
    查看>>
    .Net Core 2.0生态(3):ASP.NET Core 2.0 特性介绍和使用指南
    查看>>
    数论5——欧拉定理
    查看>>