js获取上传的图片路径
A. js操作在浏览器端拷贝指定路径图片至选定的路径下
var fso = new ActiveXObject("Scripting.FileSystemObject"); //创建文件操作对象
var file=fso.GetFile("c:\\testfile.txt");
file.Copy ("c:\\temp\\testfile.txt");
--------------------------------------------
上面的js代码,实现了文件 c:\\testfile.txt--->c:\\temp\\testfile.txt的拷贝。
但是,由于IE安全限制,需要把浏览器的安全级别改一下,未签名的activex--> 提示。
然后运行代码时会弹出提示(大概意思是:要操作系统文件,可能有不安全因素),点击是就ok了。
B. 根据微信jssdk的localid获取照片
$("#xiangji").click(function(){
wx.chooseImage({
count:1,//默认9
sizeType:['original','compressed'],//可以指定是原图还是压缩图,默认二者都有
sourceType:['album','camera'],//可以指定来源是相册还是相机,默认二者都有
success:function(res){
varlocalIds=res.localIds;//返回选定照片的本地ID列表,localId可以作为img标签的src属性显示图片
迟源$(".vip-tx").find("img").attr("src",localIds);
wx.uploadImage({
localId:localIds.toString(),//需要上传的图片的本地ID,由chooseImage接口获得
isShowProgressTips:1,//默认为1,显示进度提示
success:function(res){
varserverId=res.serverId;//返回图片的服务器端ID
码裤态wx.downloadImage({
serverId:serverId.toString(),//需要下载的图片的服务器端ID,由uploadImage接口获得
isShowProgressTips:1,//默认为1,显示进度提示
success:function(res){
vardownloadId=res.localId;//返回图片下载后的本地ID
alert(downloadId);
}
});
}
纯缓});
}
});
});
C. uniapp用exif.js前端获取图片的信息(经纬度,时间)然后压缩上传兼容app/h5/小程序
实现前端获取图片信息并压缩上传至服务器,适用于APP、H5和小程序,步骤如下:
1. 开始,创建一个名为 exif.js 的文件,用于处理图片解析。
2. 接着,编写 uniapp app、H5、小程序的图片压缩相关代码至 imgZip.js 文件,统一处理图片压缩逻辑。
3. 最后,将图片上传至服务器前,使用 exif.js 解析图片,获取经纬度、时间等信息。根据这些信息,对图片进行适当压缩,避免上传速度过慢。
在操作中,需注意以下几点:
确保上传图片为原图,避免预先压缩导致信息丢失。
在获取图片信息后,合理压缩图片,避免过度压缩影响图片质量。
在使用 exif.js 时,请确保正确引入并遵循其文档说明。
通过统一的 imgZip.js 文件管理图片压缩逻辑,确保在不同平台间的一致性。
实现这一功能,需具备一定的前端开发知识和图片处理经验。建议在实际开发前,先进行测试以确保兼容性和性能。