mui 批量上传图片 php,MUI+Hbuilder之多图片，单图片上传（五）

按钮

js：

document.getElementById("uploadImg").addEventListener("tap", function() {

var editButtons = new Array();

if(vm.uploadImgArr.length < 9) {

editButtons.push({

title: "拍照上传",

style: "default"

});

editButtons.push({

title: "从相册选择",

style: "default"

});

plus.nativeUI.actionSheet({

cancel: "取消",

buttons: editButtons

}, function(e) {

var index = e.index;

switch(index) {

case 1:

captureImage(); //拍照

break;

case 2:

selectImage(); //相册选择

break;

}

});

}else{

mui.toast("最多选择九张图片");

}

});

//选择图片

function selectImage() {

plus.gallery.pick(function(path) {

loadImage(path);

}, function(e) {

mui.toast("没有选择图片");

},{

filter:'image',

multiple: true,

system: false

});

}

//确定选择图片

function loadImage(path) {

console.log(path);//多图片数组{"files":["file:///storage/emulated/0/Huawei/MagazineUnlock/magazine-unlock-01-2.3.1197-_235C89AFABD8044D447E369EA1CBD603.jpg","file:///storage/emulated/0/Huawei/MagazineUnlock/magazine-unlock-01-2.3.1197-_B6EE3C9D1FC9834884A25F0C070D43F1.jpg"]} at view/faultrepair/setfaultrepair.html:198

...

}

主要方法在 selectImage()和 loadImage(path)里面

单图片上传：

function selectImage() {

plus.gallery.pick(function(path) {

loadImage(path);

}, function(e) {

mui.toast("没有选择图片");

});

}

//确定选择图片

function loadImage(path) {

console.log(path);//单个图片路径"file:///storage/emulated/0/Huawei/MagazineUnlock/magazine-unlock-01-2.3.1197-_235C89AFABD8044D447E369EA1CBD603.jpg"

...

}

mui 批量上传图片 php,MUI+Hbuilder之多图片，单图片上传（五）相关推荐

php仿微信上传图片压缩,PHP仿微信多图片预览上传实例代码
生产图片区域,上传按钮#btn可替换自己想要的图片 plupload上传 var uploader = new plupload.Uploader({//创建实例的构造方法 runtimes: 'ht ...
html上传图片裁剪,基于HTML5+JS实现本地图片裁剪并上传功能
基于HTML5+JS实现本地图片裁剪并上传功能 2019-01-07 编程之家 https://www.jb51.cc 编程之家收集整理的这篇文章主要介绍了基于HTML5+JS实现本地图片裁剪并上传功 ...
封装一个完整版的uniapp图片和视频上传组件，拿来即用，可进行图片视频切换，可自定义上传按钮样式，删除按钮样式，可单独上传图片或者视频，可限制上传数量
第一步 components里面新建一个manyImgUpload.vue组件,将以下代码放入以下代码中需要你改的地方 uni.uploadFile中的参数,url为你公司的上传接口.files为你 ...
mui ajax 传递base64,HTML5 MUI 手机预览图片，裁剪上传base64，保存数据库
app和网站页面都可以使用需要的文件: 这些都需要,这些文件在下文的参考网址可以下载页面头部引用: 页面底部引用(但是在body里): 布局: //触发选择图片事件 //默认图片以及选择裁剪后展示 ...
layui 单图片上传多图片批量上传
css样式 .defaultDots1{ display: inline-block; min-width: 14px; ...
php上传预览源码,php批量上传五[带预览]-PHP源码
<script>ec(2);<script> $path=$_SERVER["DOCUMENT_ROOT"];//服务器路径 $i = 0; foreach ...
模拟QQ相册上传图片（上传指定文件夹下所有的图片）多线程上传（每个图片开辟一个子线程）
上传图片 package com.hp.zuoye01;import java.io.File; import java.io.FileInputStream; import java.io.File ...
php上传图片到文件夹,2018.09.14PHP获取页面上传的图片存到指定文件夹再存到数据库中...
一.html代码 //传值方式必须是post 请选择要上传的文件: 二.php代码 session_start(); include 'mysql.php'; //获取图片所有的属性 $filenam ...
java无刷新上传图片_【java实现web文件无刷新上传】
最近在做如何实现文件上传的相关工作,查阅了很多资料,发现网上写的都不是很直观,且调试复杂,经实验成功. 把form的target设为页面里一个看不见的iframe,这样上传时候就不会刷新页面了,比如 ...

mui 批量上传图片 php,MUI+Hbuilder之多图片，单图片上传（五）

mui 批量上传图片 php,MUI+Hbuilder之多图片，单图片上传（五）相关推荐

最新文章

热门文章