1***@qq.com
1***@qq.com
  • 发布:2019-09-18 18:15
  • 更新:2019-09-18 18:15
  • 阅读:804

mui 套壳文件上传图片

分类:HTML5+

代码按照H5写的 页面在服务器,app封装的地址,点上传提示 :上传失败:null如下图;
有没有大神遇到过求解,感谢。

<!DOCTYPE HTML>  
<html>  
<head>  
    <meta charset="utf-8"/>  
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>  
    <meta name="HandheldFriendly" content="true"/>  
    <meta name="MobileOptimized" content="320"/>  
    <title>Hello H5+</title>  
    <script type="text/javascript" src="${ctxPath}/assets/mui/js/common.js"></script>  
    <script type="text/javascript">  
        var server='${ctxPath}/appdriver/receipt';  
        var files=[];  
        // 上传文件  
        function upload(){  
            if(files.length<=0){  
                plus.nativeUI.alert('没有添加上传文件!');  
                return;  
            }  
            outSet('开始上传:');  
            var wt=plus.nativeUI.showWaiting();  
            var task=plus.uploader.createUpload(server,  
                {method:'POST'},  
                function(t,status){ //上传完成  
                    plus.nativeUI.closeWaiting();  
                    if(status==200){  
                        outLine('上传成功:'+t.responseText);  
                        plus.storage.setItem('uploader', t.responseText);  
                    }else{  
                        outLine('上传失败:'+status);  
                        wt.close();  
                    }  
                }  
            );  
            /*task.addData('client', 'HelloH5+');  
            task.addData('uid', getUid());*/  
            for(var i=0;i<files.length;i++){  
                var f=files[i];  
                task.addFile(f.path, {key:'file'});  
            }  
            task.start();  
        }  
        // 拍照添加文件  
        function appendByCamera(){  
            plus.camera.getCamera().captureImage(function(p){  
                appendFile(p);  
            });  
        }  
        // 从相册添加文件  
        function appendByGallery(){  
            plus.gallery.pick(function(p){  
                appendFile(p);  
            });  
        }  
        // 添加文件  
        var index=1;  
        function appendFile(p){  
            var fe=document.getElementById("files");  
            var li=document.createElement("li");  
            var n=p.substr(p.lastIndexOf('/')+1);  
            li.innerText=n;  
            fe.appendChild(li);  
            files.push({name:"uploadkey"+index,path:p});  
            index++;  
            empty.style.display="none";  
        }  
        // 产生一个随机数  
        function getUid(){  
            return Math.floor(Math.random()*100000000+10000000).toString();  
        }  
    </script>  
    <link rel="stylesheet" href="${ctxPath}/assets/mui/css/common.css" type="text/css" charset="utf-8"/>  
</head>  
<body>  
<br/>  
<p class="heading">上传文件列表:</p>  
<ul id="files" style="text-align:left;">  
    <p id="empty" style="font-size:12px;color:#C6C6C6;">无上传文件</p>  
</ul>  
<table style="width:100%;">  
    <tbody>  
    <tr>  
        <td style="width:40%"><div class="button button-select" onclick="appendByCamera()">拍照</div></td>  
        <td style="width:40%"><div class="button button-select" onclick="appendByGallery()">相册选取</div></td>  
    </tr>  
    </tbody>  
</table>  
<br/>  
<div class="button" onclick="upload()">上 传</div>  
<br/>  
<!--<ul class="dlist">  
    <li class="ditem" onclick="appendByCamera()">拍照添加文件</li>  
    <li class="ditem" onclick="appendByGallery()">相册添加文件</li>  
</ul>-->  
<div id="outpos"/>  
<div id="output">  
    Uploader用于管理文件的上传,用于从本地上传各种文件到网络服务器,支持跨域访问操作。  
</div>  
</body>  
</html>

报错图:

2019-09-18 18:15 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复