自从星期五以来,我一直在尝试做这项工作,搜索谷歌和这里.我的最终目标是能够拍摄多张带有标题和描述的照片,然后将它们上传到服务器,然后显示在网页上.
到目前为止我所拥有的是:能够为一个图像提供标题和描述,浏览图库,查找图像并选择它.但是当我这样做时,图像会立即与表格一起上传.我希望能够使用提交按钮执行此操作.
我还有一个按钮来取代图像,并显示页面上的图像预览.但是当我用相机拍摄图像时,我不知道如何上传我的表格.我能够使用div和innerHTML调用在屏幕上打印图像数据......但老实说,我已经迷失了,甚至不知道从哪里开始发布特定的代码片段.我将发布整个页面,因为它现在存在....
<html>
<head>
<title>File Transfer Example</title>
<script type="text/javascript" charset="utf-8" src="cordova-2.3.0.js"></script>
<script type="text/javascript" charset="utf-8">
var pictureSource; // picture source
var destinationType; // sets the format of returned value
// Wait for Cordova to load
//
document.addEventListener("deviceready", onDeviceReady, false);
// Cordova is ready
//
function onDeviceReady() {
pictureSource=navigator.camera.PictureSourceType;
destinationType=navigator.camera.DestinationType;
}
function browse(){
navigator.camera.getPicture(uploadPhoto,
function(message) { alert('get picture failed'); },
{ quality: 50,
destinationType: navigator.camera.DestinationType.FILE_URI,
sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY }
);
}
function uploadPhoto(imageURI) {
var options = new FileUploadOptions();
options.fileKey="file";
options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);
options.mimeType="image/jpeg"; …Run Code Online (Sandbox Code Playgroud)