/*! * ====================================================== * FeedBack Template For MUI (http://dev.dcloud.net.cn/mui) * ======================================================= * @version:1.0.0 * @author:cuihongbao@dcloud.io */ (function () { var index = 0; var size = null; var imageIndexIdNum = 0; var starIndex = 0; var feedback = { imageLists: document.getElementsByName('image-list') }; var url = 'https://service.dcloud.net.cn/feedback'; var doMethod = "MoreAttach"; var httpHandlerName = "BP.WF.HttpHandler.WF_CCForm"; if (plant == 'CCFlow') { Url = dynamicHandler + "?DoType=HttpHandler&DoMethod=" + doMethod + "&HttpHandlerName=" + httpHandlerName + "&FK_FrmAttachment=" + GetQueryString("FK_FrmAttachment") + "&PKVal=" + GetQueryString("PKVal") + "&t=" + new Date().getTime(); } else { var currentPath = GetHrefUrl(); var path = currentPath.substring(0, currentPath.indexOf('/WF') + 1); var url = path + "/WF/Ath/AttachmentUpload.do/?FK_FrmAttachment=" + GetQueryString("FK_FrmAttachment") + "&PKVal=" + GetQueryString("PKVal"); } //初始化获取所上传的文件 feedback.files = []; feedback.uploader = null; feedback.deviceInfo = null; mui.plusReady(function () { //设备信息,无需修改 feedback.deviceInfo = { appid: plus.runtime.appid, imei: plus.device.imei, //设备标识 images: feedback.files, //图片文件 p: mui.os.android ? 'a' : 'i', //平台类型,i表示iOS平台,a表示Android平台。 md: plus.device.model, //设备型号 app_version: plus.runtime.version, plus_version: plus.runtime.innerVersion, //基座版本号 os: mui.os.version, net: '' + plus.networkinfo.getCurrentType() } }); /** *情况附件信息 */ feedback.clearAthFile = function () { for (var athIndex = 0; athIndex < feedback.imageLists.length; athIndex++) { feedback.imageLists[athIndex].innerHTML = ''; } feedback.files = []; }; feedback.getFileInputArray = function () { return [].slice.call(feedback.imageList.querySelectorAll('.file')); }; feedback.addFile = function (athDB, athIndex, athIndex_index) { feedback.files.push({ name: "images-" + athIndex + "-" + athIndex_index, path: athDB.FileFullName, id: "img-" + athIndex + "-" + athIndex_index, myPk: athDB.MyPK, FileExts: athDB.FileExts, FileName: athDB.FileName, Rec: athDB.Rec, FK_FrmAttachment: athDB.FK_FrmAttachment, NoOfObj: athDB.NoOfObj }); //index++; }; function handleDelete(closeButton, file) { var btnArray = ['否', '是']; var id = this.id; var indx = id.substring(0, id.lastIndexOf("-")).replace("img-", ""); indx = parseInt(indx); mui.confirm('您确定要删除吗? ', '提示', btnArray, function (e) { if (e.index == 1) { for (var temp = 0; temp < feedback.files.length; temp++) { if (feedback.files[temp].id == closeButton.id) { //处理删除事件 var handler = new HttpHandler("BP.WF.HttpHandler.WF_CCForm"); handler.AddPara("DelPKVal", file.myPk); var data = handler.DoMethodReturnString("AttachmentUpload_Del"); if (data == "删除成功.") { placeholder = document.getElementById(file.myPk); feedback.files.splice(temp, 1); feedback.imageLists[indx].removeChild(placeholder); } } } } }); return false; } feedback.initFile = function (ath, FK_FrmAttachment, athIndex, athIndex_imageIndexIdNum, noOfObj) { var data = GetAllAttachments(ath); var athIndex_index = 0; var athIndex_imageIndexIdNum = 0 $.each(data, function (i, obj) { feedback.addFile(obj, athIndex, athIndex_index); athIndex_index++; }); //判断当前是可读还是可编辑 var IsRead = pageData.IsReadOnly == "1" ? true : false; //显示上传的文件 $.each(feedback.files, function (index, element) { var f = feedback.files[index]; if (f.NoOfObj != noOfObj) return; athIndex_imageIndexIdNum++; var placeholder = document.createElement('div'); placeholder.setAttribute('id', f.myPk); placeholder.setAttribute('class', 'image-item'); var divButton = document.createElement('div'); divButton.style.width = '100%'; divButton.style.height = '100%'; if (IsRead == false) { var IsDelete = false; //删除所有 if (ath.DeleteWay == 1) IsDelete = true; //只删除自己的 if (ath.DeleteWay == 2) { if (f.Rec == new WebUser().No) IsDelete = true; } if (IsDelete) { //删除图片 var closeButton = document.createElement('div'); closeButton.setAttribute('class', 'image-close'); closeButton.innerHTML = 'X'; closeButton.id = f.id; //小X的点击事件 // closeButton.addEventListener('click', handleDelete.bind(this, closeButton, f), false); closeButton.addEventListener('tap', handleDelete.bind(this, closeButton, f), false); placeholder.appendChild(closeButton); } } //点击图片标记的时候下载文件. if (ath.IsDownload == 1) { divButton.addEventListener('click', function (event) { //处理文件下载事件 downLoad(f.myPk, f.path); }); } var imgFlag = IsImgeExt(f.FileExts); if (imgFlag) { var base64 = ""; dataUrl = GetFileStream(f.myPk); } else { dataUrl = './image/FileType/' + f.FileExts + "B.gif"; } //divButton.style.backgroundImage='url(' + dataUrl + ')'; placeholder.style.backgroundImage = 'url(' + dataUrl + ')'; placeholder.appendChild(divButton); //文件名称显示 var nameLabel = document.createElement('div'); nameLabel.setAttribute('class', 'image-name'); nameLabel.id = "name-" + athIndex + "-" + index; nameLabel.innerHTML = "
" + f.FileName.split(".")[0] + "
"; if (f.FileName.split(".")[0].length > 10) nameLabel.innerHTML = "" + f.FileName.split(".")[0].substr(0, 6) + "...
"; placeholder.appendChild(nameLabel); feedback.imageList.appendChild(placeholder); }); } /** * 初始化上传文件页面 */ feedback.initPage = function () { for (var athIndex = 0; athIndex < feedback.imageLists.length; athIndex++) { feedback.imageList = feedback.imageLists[athIndex]; //组件Id imageId = feedback.imageList.id; //获取所属分组的ID var mypk = imageId.substr(11); imageId = imageId.replace("_" + pageData.FK_Node, ""); //获取NoOfObj var index = imageId.lastIndexOf("_"); var noOfObj = imageId.substr(index + 1); feedback.newPlaceholder(mypk, athIndex, noOfObj); } } /** * 初始化图片域占位 */ feedback.newPlaceholder = function (FK_FrmAttachment, athIndex, noOfObj) { var fileInputArray = feedback.getFileInputArray(); if (fileInputArray && fileInputArray.length > 0 && fileInputArray[fileInputArray.length - 1].parentNode.classList.contains('space')) { return; } ; var ath = new Entity("BP.Sys.FrmAttachment", FK_FrmAttachment); var athIndex_imageIndexIdNum = 0; //初始化显示上传的文件 feedback.initFile(ath, FK_FrmAttachment, athIndex, athIndex_imageIndexIdNum, noOfObj); //如果是只读的可以返回 if (pageData.IsReadOnly == "1" || ath.IsUpload == false) return; //添加上传的控件 athIndex_imageIndexIdNum++; var placeholder = document.createElement('div'); placeholder.setAttribute('class', 'image-item space'); //删除图片 var closeButton = document.createElement('div'); closeButton.setAttribute('class', 'image-close'); closeButton.innerHTML = 'X'; // closeButton.id = "img-" + athIndex_imageIndexIdNum; //小X的点击事件 closeButton.addEventListener('tap', function (event) { setTimeout(function () { for (var temp = 0; temp < feedback.files.length; temp++) { if (feedback.files[temp].id == closeButton.id) { feedback.files.splice(temp, 1); //处理删除事件 Del(feedback.files[temp].myPk); } } feedback.imageList.removeChild(placeholder); }, 0); return false; }, false); //添加图片上传控件 input if (/MicroMessenger/i.test(window.navigator.userAgent)) { var fileInput = document.createElement('div'); $(fileInput).addClass("WX_AddFile"); placeholder.appendChild(closeButton); placeholder.appendChild(fileInput); feedback.imageList.appendChild(placeholder); $(fileInput).on("click", function () { // alert("进入方法") WXUpload(FK_FrmAttachment, feedback); }) } else { var fileInput = document.createElement('input'); fileInput.setAttribute('type', 'file'); fileInput.setAttribute('accept', '*/*'); fileInput.setAttribute('multiple', true); fileInput.setAttribute('id', 'image-' + athIndex_imageIndexIdNum); fileInput.addEventListener('change', function (event) { var self = this; var index = (this.id).substr(-1); var file = fileInput.files[0]; if (file) { //获取文件的名称 var name = file.name; //获取文件的扩展名 var ext = name.substr(name.lastIndexOf('.') + 1); //控制上传文件大小 //if (size > (10*1024*1024)) { // return mui.toast('文件超大,请重新选择~'); //} if (!this.parentNode.classList.contains('space')) { //已有图片 feedback.files.splice(index - 1, 1, { name: "images" + index, path: e }); } } //处理文件上传 var IsUpSuccess = uploadFile(fileInput.files, FK_FrmAttachment.replace("_" + pageData.FK_Node, "")); //如果上传成功后处理事件 if (IsUpSuccess) { feedback.clearAthFile(); feedback.initPage(); } }, false); placeholder.appendChild(closeButton); placeholder.appendChild(fileInput); feedback.imageList.appendChild(placeholder); } }; //feedback.newPlaceholder(); feedback.initPage(); })(); function WXUpload(athMyPK, feedback) { //引入微信jshttps://res.wx.qq.com/open/js/jweixin-1.6.0.js //Skip.addJs("https://res.wx.qq.com/open/js/jweixin-1.6.0.js"); //Skip.addJs("https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"); var handler = new HttpHandler("BP.WF.HttpHandler.CCMobile_CCForm"); var url = GetHrefUrl().split('#')[0]; handler.AddPara("htmlPage", url); var data = handler.DoMethodReturnString("GetWXGZHConfigSetting"); if (data.indexOf("err@") != -1) { alert(data); return false; } var pushData = JSON.parse(data); var appId = pushData.AppID; var timestamp = pushData.timestamp; var nonceStr = pushData.nonceStr; var signature = pushData.signature; wx.config({ debug: false, appId: appId, timestamp: timestamp, nonceStr: nonceStr, signature: signature, jsApiList: [ // 所有要调用的 API 都要加到这个列表中 'chooseImage', 'previewImage', 'uploadImage', 'downloadImage' ] }); wx.ready(function () { wx.checkJsApi({ jsApiList: [ 'chooseImage', 'previewImage', 'uploadImage', 'downloadImage' ], success: function (res) { //alert(JSON.stringify(res)); //alert(JSON.stringify(res.checkResult.getLocation)); if (res.checkResult.getLocation == false) { alert('你的微信版本太低,不支持微信JS接口,请升级到最新的微信版本!'); return; } else { wxChooseImage(athMyPK, feedback); } } }); }); wx.error(function (res) { // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。 alert("验证失败,请重试!"); alert(JSON.stringify(res)); wx.closeWindow(); }); }; var images = { localId: [], serverId: [] }; function dataURLtoFile(dataurl, filename) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt(n); } return new File([u8arr], filename, { type: mime }); } //拍照或从手机相册中选图接口 function wxChooseImage(athMyPK, feedback) { wx.chooseImage({ success: function (res) { debugger; console.log('choose image callback', res); images.localId = res.localIds; //alert('已选择 ' + res.localIds.length + ' 张图片'); if (images.localId.length == 0) { alert('请先使用 chooseImage 接口选择图片'); return; } var i = 0, length = images.localId.length; images.serverId = []; function upload(athMyPK, feedback) { //图片上传 wx.uploadImage({ localId: images.localId[i], success: function (res) { i++; images.serverId.push(res.serverId); //图片上传完成之后,进行图片的下载,图片上传完成之后会返回一个在腾讯服务器的存放的图片的ID--->serverId wx.downloadImage({ serverId: res.serverId, // 需要下载的图片的服务器端ID,由uploadImage接口获得 isShowProgressTips: 1, // 默认为1,显示进度提示 success: function (res) { var localId = res.localId; // 返回图片下载后的本地ID //通过下载的本地的ID获取的图片的base64数据,通过对数据的转换进行图片的保存 wx.getLocalImgData({ localId: localId, // 图片的localID success: function (res) { console.log(res); var localData = res.localData; // localData是图片的base64数据 if (localData.indexOf('data:image') != 0) { //判断是否有这样的头部 localData = 'data:image/jpeg;base64,' + localData } localData = localData.replace(/\r|\n/g, '').replace('data:image/jgp', 'data:image/jpeg'); var file = dataURLtoFile(localData, Date.now() + '.jpg'); var handler = new HttpHandler("BP.WF.HttpHandler.CCMobile_CCForm"); handler.AddPara("AttachPK", athMyPK); handler.AddPara("WorkID", GetQueryString("WorkID")); handler.AddPara("PKVal", GetQueryString("WorkID")); handler.AddFile(file); //handler.AddPara("ImageData", localData); /*console.log(encodeURIComponent(localData))*/ var data = handler.DoMethodReturnString("WXGZH_AthUpload"); if (data.indexOf("err@") != -1) { //mui.alert("上传失败"); console.error('上传失败') } if (i == length) { feedback.clearAthFile(); feedback.initPage(); } } }); } }); if (i < length) { upload(athMyPK, feedback); } else { //alert("初始化页面"); //feedback.initPage(); } }, fail: function (res) { alert(JSON.stringify(res)); } }); } upload(athMyPK, feedback); } }); }