cordova-plugin-file 未将 cdvfile:// 路径上传到服务器

Question

可以肯定的是，不再需要cordova-plugin-file-transfer来将文件从本地路径传输到远程服务器。

我能够获得cdvfile://路径，甚至在 DOM 上显示相同的路径，但我不知道如何仅使用文件插件而不是文件传输来上传它。

到目前为止，这是我的代码。 我使用了以下插件：

• 科尔多瓦插件相机
• 科尔多瓦插件文件
• 科尔多瓦插件作物

代码：

 function clickFirstProfilePhoto(){ navigator.camera.getPicture(onPhotoDataSuccess, onFail, { correctOrientation:true, targetWidth:1024, targetHeight: 1024, destinationType: destinationType.FILE_URI}); }

现在成功function：

 function onPhotoDataSuccess(imageData) { plugins.crop.promise(imageData).then(function success (imageFinal) { // Success. //alert(imageFinal); var fileURI = imageFinal.substr(imageFinal.lastIndexOf('?') + 1); //alert(fileURI); resolveLocalFileSystemURL(imageFinal, function(entry) { $("#picPreviewBox").html('<img src="'+entry.toInternalURL()+'" width="100%" />'); var t="" t=t+'<div class="btn btn-dark btn-sm">Save</div> <div class="btn btn-dark btn-sm">discard</div>'; $("#buttons_save_discard").html(t); }); }).catch(function fail (err) { // fail $.alert("Seems your phone resources are too low to proceed further"); }); }

在 DOM 中使用entry.toInternalURL()正在显示捕获然后裁剪的图片，但是如何将其与一些参数一起上传到服务器上的 url？

Answer 1

好的，所以我现在有了解决方案。 获取文件路径后，我将其转换为 base64 然后将其上传到服务器上的 PHP 文件以将其保存为图像，这是代码：

 function onPhotoDataSuccess(imageData) { plugins.crop.promise(imageData).then(function success (imageFinal) { // Success. //alert(imageFinal); var fileURI = imageFinal.substr(imageFinal.lastIndexOf('?') + 1); //alert(fileURI); resolveLocalFileSystemURL(imageFinal, function(entry) { $("#loadSignup3Data").html('<img src="'+entry.toInternalURL()+'" id="imagePreviewBox" width="200p" height="200" style="border-radius:50%;" />'); // $("#picPreview").modal('show'); $("#picOptions").modal('hide'); $("#picPreviewBox").html('<img src="'+entry.toInternalURL()+'" id="imagePreviewBox" width="200p" height="200"/>'); //$("#picPreview").modal('show'); $.confirm({ title: 'Please confirm,': content? 'Do you wish to save it as your profile picture,': buttons: { confirm. function () { $("#ultraLoader");show(). html2canvas(document.querySelector("#imagePreviewBox")).then(canvas => { var renderedImg = canvas;toDataURL(). var id = $("#pictureUploadID");val(). var deviceid = device;uuid. $:ajax({ type, "POST": url: "https.//my_url_which_i_must_not_show/saveFirstProfilePic,php": dataType,'json': data: {base64Img, renderedImg: id,id: deviceid,deviceid}: success. function(response){ $("#ultraLoader");hide(). $;alert("Your profile picture has been saved"). location.href = "Dashboard?html;id="+id; } }); }), }:cancel. function () { navigator.notification.alert('You chose not to save the picture; Please take another picture or select one from your phone gallery'). $("#ultraLoader");hide(); } } })