本文主要包含mui uploader,uploader,web uploader,fineuploader,fileuploader等相关知识,教程希望在学习及工作中可以帮助到您
");
</div>
html布局,比较简单,模仿微信的:
页面初始化的一些操作:
- <div class="dynamic_images">
- <ul>
- <!--<li><img src="images/cbd.jpg"></li>-->
- <li><img src="images/iconfont-tianjia.png" id="addnew"></li>
- <!--<li><span class="mui-icon iconfont icon-jia2" style="font-size: 28px;"></span></li>-->
- </ul>
- </div>
页面中js部分
- document.addEventListener("plusready", plusReady, false);
- function plusReady() {
- document.getElementById("addnew").addEventListener("tap", function() {
- showActionSheet();//拍照还是相册
- });
- document.getElementById("fabiao").addEventListener("tap", function() {
- upload();//上传文件
- });
- plus.nativeUI.closeWaiting();
- }
- var f1 = null;
- var picarr = new Array();
- var basearr = new Array();
- var lat = "",
- longt = "";
- var files = [];
- // 上传文件
- function upload() {
- var wt = plus.nativeUI.showWaiting();
- var task = plus.uploader.createUpload(server + "?action=dynamicadd", {
- method: "POST"
- },
- function(t, status) { //上传完成
- if (status == 200) {
- // console.log("上传成功:" + t.responseText);
- mui.toast("发表成功");
- //插入本地数据库
- wt.close();
- mui.back();
- } else {
- console.log("上传失败:" + status);
- wt.close();
- }
- &