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 文件管理圖片壓縮邏輯,確保在不同平台間的一致性。
實現這一功能,需具備一定的前端開發知識和圖片處理經驗。建議在實際開發前,先進行測試以確保兼容性和性能。