当前位置: 首页 > news >正文

建设一个自己的网站需要多少钱多语言网站建设 技术

建设一个自己的网站需要多少钱,多语言网站建设 技术,深圳公司免费网站建设怎么样,微信视频网站怎么做导语#xff1a;在日常 APP 开发过程中#xff0c;经常要进行文件的保存、读取列表以及查看和删除文件等操作#xff0c;接下来就看一下具体的方法。 目录 原理分析方法实现实战演练案例展示 原理分析 主要是以下 API。 uni.saveFile#xff1a;保存文件到本地缓存列表… 导语在日常 APP 开发过程中经常要进行文件的保存、读取列表以及查看和删除文件等操作接下来就看一下具体的方法。 目录 原理分析方法实现实战演练案例展示 原理分析 主要是以下 API。 uni.saveFile保存文件到本地缓存列表uni.getSavedFileList获取保存文件列表uni.getSavedFileInfo获取文件详细信息uni.removeSavedFile移除保存的文件uni.openDocument打开文档 以下方法存于根目录下的scripts文件夹下的http.js文件中。 方法实现 接下来一一说明如何实现数据请求、文件下载以及文件的上传的方法封装。 保存文件 保存文件这里使用条件编译分别对 h5、微信小程序、APP 进行了对应方法的封装。 总体方法 这里主要是进行参数的处理包括默认参数传入参数合并参数。 // 保存图片 async function saveFile(options) {let isHttp options.url.indexOf(http) -1;let url isHttp ? options.url : ${urls.baseUrl}${options.url};let defultOptions {url,name: options.name || utils.uuid(),extName: options.extName || utils.fileExt(url),filePath: options.filePath,};let params { ...options, ...defultOptions };console.log(保存文件参数, params);// h5代码// 微信小程序代码// APP 代码 }h5 保存文件 这个主要是使用fetchAPI 进行文件下载然后使用a标签进行点击下载。 // #ifdef H5 fetch(url, {mode: cors, }).then(async (res) {const e await res.blob();return e;}).then((blob) {const fileElem document.createElement(a);let fileUrl URL.createObjectURL(blob);fileElem.style.display none;fileElem.href fileUrl;fileElem.download ${params.name}.${params.extName};document.body.appendChild(fileElem);fileElem.click();setTimeout(() {URL.revokeObjectURL(fileUrl);fileElem.remove();}, 1000);}); // #endif微信小程序保存文件 这个主要是使用微信小程序的wx.getFileSystemManagerAPI 来获取文件管理器接口然后进行下载保存文件。 // #ifdef MP-WEIXIN const fs wx.getFileSystemManager(),userDataPath wx.env.USER_DATA_PATH; const filePath params.filePath || ${userDataPath}/${params.name}.${params.extName}; wx.showLoading({title: 文件下载中..., }); wx.downloadFile({url,success(res) {let tempFile res.tempFilePath;let img [png, jpg, gif];if (tempFile img.includes(params.extName)) {wx.saveImageToPhotosAlbum({filePath: tempFile,success: function () {wx.showToast({title: 保存成功!,icon: success,});},fail() {wx.showToast({title: 保存失败!,icon: error,});},});} else {fs.saveFile({tempFilePath: tempFile,filePath,success: function () {wx.showToast({title: 保存成功!,icon: success,});},fail() {wx.showToast({title: 保存失败!,icon: error,});},});}},fail() {wx.showToast({title: 下载失败!,icon: error,});},complete() {wx.hideLoading();}, }); // #endifAPP 保存文件 这里主要是使用uni.saveFile方法保存文件。 // #ifdef APP-PLUS uni.showLoading({title: 文件下载中..., }); let opts {url, }; let data await download(opts); if (data) {uni.saveFile({tempFilePath: data,success: function (res) {uni.showToast({title: 保存成功!,icon: success,});},fail() {uni.showToast({title: 保存失败!,icon: error,});},complete() {uni.hideLoading();},}); } else {uni.showToast({title: 下载失败!,icon: error,}); } // #endif获取文件管理 下面的 getIfs 是封装的一个方法用于获取特定终端下面的文件管理方法。 // utils.js // 文件操作 function getIfs() {let ifs {list: null,info: null,delete: null,open: null,};// #ifdef MP-WEIXINlet fsm wx.getFileSystemManager();ifs.list fsm.getSavedFileList;ifs.info fsm.getFileInfo;ifs.delete fsm.unlink;ifs.open fsm.open;// #endif// #ifdef APP-PLUSifs.list uni.getSavedFileList;ifs.info uni.getSavedFileInfo;ifs.delete uni.removeSavedFile;ifs.open uni.openDocument;// #endifreturn ifs; }文件列表 这个支持传入文件路径获取特定文件信息。 // 保存文件列表 async function fileList(filePath) {try {let ifs utils.getIfs(),list [];let data await ifs.list();if (data.fileList) {list data.fileList;if (list.length) {for (let item of list) {item.name utils.fileName(item.filePath);item.id utils.uuid();item.sizeText utils.fileSize(item.size);item.timeText utils.nowDate(item.createTime).normal;}}if (filePath) {list list.filter((s) filePath s.filePath);}return {code: 1,data: list,};} else {return {code: 2,data: data.errMsg,};}} catch (e) {//TODO handle the exceptionreturn {code: 2,data: e,};} }查看文件 // 打开文件 async function openFile(filePath , showMenu true) {try {if (!filePath) {return {code: 2,data: 文件路径不能为空!,};}let ifs utils.getIfs();let result await ifs.open({filePath,showMenu,});if (result) {return {code: 1,data: 打开成功!,};} else {return {code: 2,data: 打开失败!,};}} catch (e) {//TODO handle the exceptionreturn {code: 2,data: e,};} }删除文件 // 删除文件 async function deleteFile(filePath) {try {if (!filePath) {return {code: 2,data: 文件路径不能为空!,};}let ifs utils.getIfs();let result await ifs.delete({filePath,});if (result) {return {code: 1,data: 删除成功!,};} else {return {code: 2,data: 删除失败!,};}} catch (e) {//TODO handle the exceptionreturn {code: 2,data: e,};} }写好以后记得导出方法。 实战演练 模板内容 保存文件 button typeprimary sizemini clicksaveFile(file) v-ifhttpInfo.uploadFileUrl保存文件 /button文件列表 !-- #ifdef APP-PLUS -- view classlist-httpbutton clickgetFileList文件列表/buttontext classlist-http-txt响应内容/textview classlist-file v-for(item, index) in httpInfo.fileList :keyitem.idview classlist-file-item文件名称{{ item.name }}/viewview classlist-file-item文件大小{{ item.sizeText }}/viewview classlist-file-item文件路径{{ item.filePath }}/viewview classlist-file-item保存时间{{ item.timeText }}/viewview classlist-file-itembutton sizemini typeprimary clickopenFile(item)查看文件/buttonbutton sizemini typewarn clickdelFile(item, index)删除文件/button/view/view /view !-- #endif --脚本方法 定义数据 let httpInfo reactive({fileList: [], });保存文件 // 保存文件 function saveFile(type img) {let url httpInfo[type img ? uploadImgUrl : uploadFileUrl];if (url) {console.log(要保存的文件, url);proxy.$http.saveFile({url,name: httpInfo.fileName,});} }文件列表 // #ifdef APP-PLUS // 获取文件列表 async function getFileList() {let filePath _doc/uniapp_save/16928451309592.srt;let data await proxy.$http.fileList();if (data.code 1) {httpInfo.fileList data.data;} } // #endif查看文件 // #ifdef APP-PLUS // 查看文件 async function openFile(item) {let data await proxy.$http.openFile(item.filePath);console.log(查看文件结果, data); }// #endif删除文件 // #ifdef APP-PLUS // 删除文件 async function delFile(item, index) {let data await proxy.$http.deleteFile(item.filePath);if (data.code 1) {httpInfo.fileList.splice(index, 1);uni.showToast({title: data.data,icon: success,});} else {uni.showToast({title: data.data,icon: error,});} } // #endif案例展示 保存文件 查看文件 删除文件 最后 以上就是封装文件操作方法的主要内容有不足之处请多多指正。
http://wiki.neutronadmin.com/news/359905/

相关文章:

  • 网站建设厃金手指花总十一网站建设百度优化
  • 小说网站80电子书怎么做笑话网站源码带wap
  • 浙江省住房和城乡建设局网站wordpress xss跨站脚本漏洞
  • 江苏江都建设集团有限公司网站网页版微信二维码失效登不上去
  • 网站悬浮二维码服装设计最好的出路
  • 网站文件结构重庆企业网站开发
  • 不要轻易注册一家公司seo关键词是什么意思
  • php做网站时间代码做网站一年赚几百万
  • 深圳专业做网站的公司汽车维修东莞网站建设
  • 做淘宝必备网站网站建设 本溪红海传媒
  • 网站制作先学什么南昌专业的网站建设公司
  • 织梦网站代码四川网站制作成都
  • 南昌专业网站优化推广广州多少网络科技有限公司
  • 天长市建设局网站郑州网站开发设计公司电话
  • 网网站制作门户网站衰落的原因
  • 什么网站做风险投资企业文档管理wordpress
  • 官网建站多少钱wap网站制作工具
  • 北仑建设局网站市场营销推广活动方案
  • 深圳网站搭建价格如何修改wordpress主题
  • 网站有哪些费用多少钱做标准件生意上什么网站
  • 农村网站平台建设方案网站的后台一般用什么做的
  • 网站首页html代码的portfolio wordpress
  • 网站怎样做的网站建设送企业邮箱吗
  • 浦口建设局网站做旅游网站教程
  • 成都上市的网站建设公司赫山区住房和城乡建设局网站
  • 网站建设公司的pest分析wordpress clean options
  • 怎么自己做网站的步骤品牌设计公司网站
  • 做优化需要发多少个网站WordPress功能模块排版
  • 建站公司如何月入十万广西住房与建设厅网站
  • 淮南网站设计做异地送花网站