小编pit*_*rio的帖子

我有一个使用Cordova的HTML5应用程序,您可以从设备上传文件(图像和视频).我必须将用户上传的文件发送到Java WebService,然后将其上传到服务器.

我需要帮助,因为我无法达到我想要的效果.我尝试在互联网上找到的几种解决方案但没有成功

WeService返回下一个异常:

[org.apache.tomcat.util.http.fileupload.FileUploadBase$InvalidContentTypeException: the request doesn't contain a multipart/form-data or multipart/mixed stream, content type header is null]

这是我现在的代码:

HTML:

<section id="uploadMedia">
    <input type="file" name="fileMedia" id="fileMedia" >
</section>

JS:

var file = $("#uploadMedia").find("#fileMedia")[0].files[0];
if (typeof file !== "undefined") {
    uploadFile(file);
}

 var uploadFile = function(file, callback) {
        // Create a new FormData object
        var formData = new FormData();
        formData.append('file', file);

            $.ajax({
                url: WEBSERVICE_URL + "uploadFile",
                beforeSend: function(xhr) {
                    if (WEBSERVICE_USER !== "") { …

我正在尝试从照片库中获取所选视频或图像的mime类型.我可以指定图片的编码格式但没有视频.所以,当我选择一个视频或图片时,我没有成功功能的扩展,我有这样的路径:content:://media/external/images/media/58.

那么,如何使用JavaScript和Cordova获取两个源(视频和图像)的mime类型？

代码:

navigator.camera.getPicture(drawImage, errorFunction, {
     quality: 50,
     mediaType: navigator.camera.MediaType.ALLMEDIA,
     destinationType: navigator.camera.DestinationType.FILE_URI,
     encodingType: navigator.camera.EncodingType.PNG,
     sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY
});


var drawImage = function(image) {
    if (typeof image !== "undefined") {
            $("#uploadMedia").append("<img src='" + image + "' width='200' height='200'>");
    }
};

几天前我来到stackoverflow询问如何在画布上缓慢绘制箭头。没有人能够给我正确的答案......所以我希望这对某人有所帮助。

基本上，我想在地图上动画从一个国家到另一个国家的入侵过程。要做到这一点，我应该使用画布并绘制一个从 A 国移动到 B 国的箭头，但不是一个固定的箭头......一个逐渐增长的箭头。

下面的代码绘制了一个箭头，但不是渐进式的。因此，我需要像具有 5 秒过渡的 CSS 动画一样绘制这条曲线。

function drawCurve (ctx, x0, y0, x1, y1, x2, y2){
  ctx.beginPath();
  ctx.moveTo( x0, y0 );
  ctx.quadraticCurveTo( x1, y1, x2, y2 );
  ctx.stroke();
  ctx.closePath();
}
var docCanvas = document.getElementById('canvas');
var ctx = docCanvas.getContext('2d');
drawCurve(ctx, 0, 100, 150, -50, 300, 100);

<canvas id="canvas" width="480" height="320"></canvas>