JS获取复制的图片文件，用来直接粘贴上传

Posted on 2021年7月14日 by Hana

代码如下，可惜的是文件名好像不支持修改，在项目中配合WebUploader控件使用完美。

document.addEventListener('paste', function (event) {
    var items = event.clipboardData && event.clipboardData.items;
    var file = null;
    if (items && items.length) {
        // 检索剪切板items
        for (var i = 0; i < items.length; i++) {
            if (items[i].type.indexOf('image') !== -1) {
                file = items[i].getAsFile();  // 此时file就是剪切板中的图片文件
                uploader.addFile(file);    //使用WebUploader控件
                break;
            }
        }
    }
   
});

参考原文链接：https://blog.csdn.net/lu92649264/article/details/113389530

高德官方API获取地址的坐标经纬度

Posted on 2021年7月9日 by Hana

官方示例地址：https://lbs.amap.com/demo/javascript-api/example/geocoder/multi-geo

调用代码如下：

 var address = $.id("#终端地址").val();
    if (address != "") {
        $.get("https://restapi.amap.com/v3/geocode/geo?address=" + address + "&output=json&key=控制台申请的key", function (json) {
            if (json && json.geocodes.length > 0) {
                var geo = json.geocodes[0].location;    //geo就是经纬度（120.10283,67.89324）
                $.id("#终端经度").val(geo.split(',')[0]);
                $.id("#终端纬度").val(geo.split(',')[1]);
            }
        })
    }

key参数需要去高德API控制台注册账号申请，控制台网址：https://console.amap.com/
然后注意应用添加key时，选择“Web服务”，否则会因为key类别不对调用接口失败。默认免费一天30w次查询。