js问题日常

1、在现在的日期上+1 or -1的操作

let currentDate=new Date();
currentDate = currentDate.setDate(currentDate.getDate + 1);
currentDate = new Date(currentDate);

2、将页面内容导出为图片。

需要下载html2canvas.js文件。地址:http://html2canvas.hertzen.com/

html2canvas(document.querySelector(".onedayD-detail")).then(canvas => {
               var imgUrl = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); // 获取生成的图片的url
               window.location.href= imgUrl; // 下载图片
           });

3、本地预览图片(不转base64码):

 $('#chooseImage').on('change',function(){  
        var filePath = $(this).val(),         //获取到input的value,里面是文件的路径  
            fileFormat = filePath.substring(filePath.lastIndexOf(".")).toLowerCase(),  
            src = window.URL.createObjectURL(this.files[0]); //转成可以在本地预览的格式  
              
        // 检查是否是图片  
        if( !fileFormat.match(/.png|.jpg|.jpeg/) ) {  
            error_prompt_alert('上传错误,文件格式必须为:png/jpg/jpeg');  
            return;    
        }  
    
        $('#cropedBigImg').attr('src',src);  
}); 

本地预览图片(转base64码):

function realTopImg(fileDom)
     var file = fileDom.files[0];
     var reader = new FileReader();
     reader.readAsDataURL(file);
     reader.onload = function (event) {
         var e = event || window.event;
         var img = document.getElementById("topImg");
         img.src = e.target.result;
     }
}

4、判断用户是否为移动设备:

/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)

5、图片请求返回状态码403解决方法:

<meta name="referrer" content="no-referrer" />

6、设置标题栏图片:

<link rel="icon" href="http://www.jjzqw.com/zt/favicon.ico" type="image/x-icon" />  

6、select选择框设置默认值且不在下拉列表中显示:

<select ng-model="searchInfo.endNodeId">
    <option value="" disabled selected hidden>选择目的地</option>
    <option ng-repeat="item in result" value="{{item.nodeId}}">{{'VARIABLE' | translate:{zh: item.cityName, en: item.cityNameEn} }}</option>
</select>

7、将得到的图片的绝对路径转换成文件对象

let _imgFile = new File([url], name);

8、比较两有特殊字符的字符串是否相同时,应转码:

encodeURIComponent(string);

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值