解决Android浏览器使用七牛上传文件时取不到后缀名
来源:互联网 发布:淘宝代运营收费标准 编辑:程序博客网 时间:2024/06/03 19:54
/** *create by lyn on 2017/4/22. *///paramsvar domain, uptoken, imgKey, imgNumber, imgKeyList;//获取七牛的uptokenfunction getUptoken() { var url = urlBaseQ + "/health/v2_0/qiniu/getQiniuToken"; $.ajax({ type: "post", url: url, async: false, data: {}, dataType: 'json', success: function(response) { if(response.message == "成功") { domain = response.object.domain; uptoken = response.object.uptoken; } }, error: function(response) { alert('error'); } });}getUptoken();//创建上传的图片显示domfunction createNewImg(ele, src, qiniuSrc) { var imgStr = '<div class="imgsCon" style="position:relative;display:inline-block;margin:0px 0.07rem"><img style="width:0.6rem;height:0.6rem;" src="' + src + '" /><input type="hidden" value="' + qiniuSrc + '"><i class="delImg"></i></div>'; $("#" + ele).append(imgStr);}//初始化uploadervar uploader = Qiniu.uploader({ runtimes: 'html5,flash,html4', //上传模式,依次退化 browse_button: 'cvs', //上传选择的按钮,必需 uptoken: uptoken, //uptoken是上传凭证,由其他程序生成 uptoken_url: urlBaseQ + "/health/v2_0/qiniu/getQiniuToken", //ajax请求uptoken的url get_new_uptoken: false, //设置上传文件的时候是否每次都重新获取新的uptoken unique_names: false, //默认false,key为文件名,若开启该选项,JS-SDK会为每个文件自动生成key(文件名) save_key: false, //默认false,若在服务器生成uptoken的上传策略中指定了save_key,则开启,SDK在前端将不对key进行任何处理 domain: domain, //bucket域名,下载资源时用到,必需 container: 'upload', //上传区域DOM ID,默认是browser_button max_file_size: '10mb', //最大文件体积限制 max_retries: 3, //上传失败最大重试次数 dragdrop: false, //开启可拖拽上传 chunk_size: '4mb', //分块上传时,每块的体积 auto_start: true, //选择文件后自动上传,若关闭需要自己绑定事件触发上传ge files"pg,jpeg,gif,png"} resize: { width: 60, height: 60, crop: true, quality: 60, preserve_headers: false }, x_vars : { // 查看自定义变量 }, init: { 'FilesAdded': function(up, files) { // 文件添加进队列后,处理相关的事情 plupload.each(files, function(file) { console.log("文件添加在队列中:",file); }); }, 'BeforeUpload': function(up, file) { // 每个文件上传前,处理相关的事情 console.log("文件上传前file:",file); }, 'UploadProgress': function(up, file) { // 每个文件上传时,处理相关的事情 console.log("文件上传时file:",file); }, 'FileUploaded': function(up, file, info) { // 每个文件上传成功后,处理相关的事情 //判断当前设备 var u = navigator.userAgent, app = navigator.appVersion; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 if(isAndroid) { var res = JSON.parse(info); var sourceLink = domain + "/" + res.key; //获取上传成功后的文件的Url sourceLink = "http://" + sourceLink; var imgLink = Qiniu.imageView2({ mode: 3, // 缩略模式,共6种[0-5] w: 60, // 具体含义由缩略模式决定 h: 60, // 具体含义由缩略模式决定 q: 100, // 新图的图像质量,取值范围:1-100 format: 'jpg' // 新图的输出格式,取值范围:jpg,gif,png,webp等 }, sourceLink); console.log(imgLink); var link = imgLink.slice(32); console.log(link); //处理多次上传的时候,自动创建img标签 createNewImg('imgContainerFromUp', link, link); } else { var res = JSON.parse(info); var sourceLink = domain + "/" + res.key; //获取上传成功后的文件的Url sourceLink = "http://" + sourceLink; //处理多次上传的时候,自动创建img标签 createNewImg('imgContainerFromUp', sourceLink, sourceLink); } var imgList = sourceLink; imgKeyList += "," + imgList; console.log("imgList:", imgKeyList); localStorage.setItem("imgList", imgKeyList); setDom(); }, 'Error': function(up, err, errTip) { //上传出错时,处理相关的事情 alert("该图片已经存在!"); }, 'UploadComplete': function() { //队列文件处理完毕后,处理相关的事情 } },});//对页面dom的操作function setDom(){ $(".delImg").on('click', function() { $(this).parent().css({ "display": "none" }); }); $(".pic-right").css({ "display": 'none' });}
1 0
- 解决Android浏览器使用七牛上传文件时取不到后缀名
- 使用ajaxfileupload插件上传文件取不到值
- Firefox 上传文件时取不到文件信息解决方案
- 取文件后缀名
- 解决稻香老农无组件上传类在文件上传时当文件名中含中文单双引号取不到正确的文件名的方案
- 使用七牛JavaScript上传文件
- 使用SmartUpload上传文件时getparameter获取不到值
- type="file" 文件上传 取不到值解决方案
- 七牛文件上传
- 七牛上传文件
- File上传文件后缀名 限制
- 上传图片取不到值
- Android 头像替换,解决华为手机取不到图片
- Android端使用HttpUrlConnection模仿Web浏览器实现文件上传
- android获取文件后缀名
- 解决php PUT PATCH 上传文件收不到数据
- 解决base64上传文件,后台读取不到文件格式
- httpClient4.3 模拟Post提交,模拟Post上传文件并解决服务端使用spingMVC时upload.parseRequest(request)解析不到File,Pos简单抓取页面数据
- 对【2017.4.22 B组NOIP提高模拟赛】总结
- mysql 远程登录错误总结
- DbAPPSec CTF一道题的分析
- 【解题报告】Codeforces Round #410 (Div. 2)
- Java设计模式《八》外观模式
- 解决Android浏览器使用七牛上传文件时取不到后缀名
- 6.网络层(4)---IP多播,NAT
- WebView与JS的那些事: 注入JS提取url链接
- 字节转化为结构体BytesToStruct
- ADG主库上归档丢失恢复备库测试
- 关于数据库
- 机器学习之神经网络算法
- DAY3视频学习笔记
- [C++基础] 函数技巧