Sapui5 UploadCollections无法正常工作？

Sapui5 UploadCollections无法正常工作？

2020-09-23 07:13发布
站内问答 / UI5
1905 2
点击此处---> 群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流）群内免费提供SAP练习系统（在群公告中）
大家好，
在我的项目中，我使用了uploadcollections，我可以从本地系统中选择文件，但是当我单击"立即上传"按钮时，浏览器控制台中会显示以下错误。
/*查看从这里开始*/
 
 
 
 <内容>
 
 
 <标签
 text =" Layout：">
 
 <选择
 id =" tbSelect"
 selectedKey ="全部"
 change =" onSelectChange">
 
 
 
 
 
  <UploadCollection
 id =" UploadCollection"
 maximumFilenameLength =" 55"
 maximumFileSize =" 10"
 multiple =" true"
 sameFilenameAllowed =" true"
 InstantUpload =" false"
 showSeparators ="全部"
 change =" onChange"
 fileDeleted =" onFileDeleted"
 filenameLengthExceed =" onFilenameLengthExceed"
 fileSizeExceed =" onFileSizeExceed"
 typeMissmatch =" onTypeMissmatch"
 uploadComplete =" onUploadComplete"
 beforeUploadStarts =" onBeforeUploadStarts">
 </UploadCollection>
 <按钮
 id =" Button"
 text ="立即上传"
 按=" onStartUpload">
 </按钮>
 </content>
 </Page>
 </mvc：查看>

/*页面控制器从这里开始*/

 sap.ui.define（[
 'jquery.sap.global'，
 'sap/m/MessageToast'，
 'sap/m/UploadCollectionParameter'，
 'sap/ui/core/mvc/Controller'
 ]，函数（jQuery，MessageToast，UploadCollectionParameter，Controller）{
 "使用严格"；
 
 var PageController = Controller.extend（" UploadCollections.controller.View1"，{
 
 onChange：function（oEvent）{
 var oUploadCollection = oEvent.getSource（）;
//标头令牌
 var oCustomerHeaderToken = new UploadCollectionParameter（{
 名称：" x-csrf-token"，
 值：" securityTokenFromModel"
 }）;
 oUploadCollection.addHeaderParameter（oCustomerHeaderToken）;
 MessageToast.show（"已触发事件更改"）;
 }，
 
 onFileDeleted：function（oEvent）{
 MessageToast.show（"事件文件已删除触发"）;
 }，
 
 onFilenameLengthExceed：function（oEvent）{
 MessageToast.show（"事件filenameLengthExceed已触发"）;
 }，
 
 onFileSizeExceed：function（oEvent）{
 MessageToast.show（"事件文件大小已触发"）;
 }，
 
 onTypeMissmatch：function（oEvent）{
 MessageToast.show（"事件类型未匹配触发"）;
 }，
 
 onStartUpload：function（oEvent）{
 var oUploadCollection = this.getView（）。byId（" UploadCollection"）;
/* var oUploadCollection = this.getView（）。byId（" UploadCollection"）。setUploadUrl（"/img/SAP/PUBLIC/MOBO/HCP/CC"）; */
 var oTextArea = this.getView（）。byId（" TextArea"）;
 var cFiles = oUploadCollection.getItems（）。length;
 var uploadInfo ="";
 oUploadCollection.setUploadUrl（"/img/SAP/PUBLIC/MOBO/HCP/CC"）;
 oUploadCollection.upload（）;
 
 uploadInfo = cFiles +"文件";
 如果（oTextArea.getValue（）。length === 0）{
 uploadInfo = uploadInfo +"不带注释";
 }其他{
 uploadInfo = uploadInfo +"带注释";
 }
 
 MessageToast.show（"方法上传称为（" + uploadInfo +"）"））;
 sap.m.MessageBox.information（" Uploaded" + uploadInfo）;
 oTextArea.setValue（""）;
 }，
 
 onBeforeUploadStarts：function（oEvent）{
//标头
 var oCustomerHeaderSlug = new sap.m.UploadCollectionParameter（{
 名称："子弹"，
 值：oEvent.getParameter（" fileName"）
 }）;
 oEvent.getParameters（）。addHeaderParameter（oCustomerHeaderSlug）;
 setTimeout（function（）{
 MessageToast.show（" EventUploadStarts触发事件"）;
 }，4000）；
 }，
 
 onUploadComplete：function（oEvent）{
 var sUploadedFileName = oEvent.getParameter（" files"）[0] .fileName;
 setTimeout（function（）{
 var oUploadCollection = this.getView（）。byId（" UploadCollection"）;
 
 for（var i = 0; i <oUploadCollection.getItems（）。length; i ++）{
 如果（oUploadCollection.getItems（）[i] .getFileName（）=== sUploadedFileName）{
 oUploadCollection.removeItem（oUploadCollection.getItems（）[i]）;
 打破;
 }
 }
 
//延迟成功消息，以便在此之前查看其他消息
 MessageToast.show（"已触发事件上传完成"）;
 } .bind（this），8000）；
 }，
 
 onSelectChange：function（oEvent）{
 var oUploadCollection = this.getView（）。byId（" UploadCollection"）;
 oUploadCollection.setShowSeparators（oEvent.getParameters（）。selectedItem.getProperty（" key"）））;
 }
 }）;
 
 返回PageController;
 }）;


 </pre>

    
        
         <p> <img src="/storage/temp/13819-1.png"> </p>
         （81.7 kB）</p>
  </div>

  <div class="show-content hide hidequestioncontent">
<h6>         <strong><span style="font-size:24px;font-family:'Arial',sans-serif;color:#3C3C3C">点击此处--->
  </span></strong><a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=0G3L9uZTbor8h6vhI8-lICNXNjgwRScW&jump_from=webapi"><img src="https://www.easysap.com/data/ueditor/php/upload/image/20220811/1660198606336474.png" alt="EasySAP.com" title="EasySAP.com"/></a><strong><span style="font-size:24px;font-family:'Arial',sans-serif;color:#3C3C3C">群内免费提供SAP练习系统（在群公告中）</span></strong></h6><p style="margin-top:5px;margin-right:0;margin-bottom:5px;margin-left:
0;text-indent:32px">加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）</p><p style="margin-top:5px;margin-right:0;margin-bottom:5px;margin-left:
0;text-indent:32px"><br/></p><p> <img src="/storage/temp/13819-1.png"> </p>
 <p>大家好，</p>
 <p>在我的项目中，我使用了uploadcollections，我可以从本地系统中选择文件，但是当我单击"立即上传"按钮时，浏览器控制台中会显示以下错误。</p>
 <pre>/*查看从这里开始*/
 <mvc：查看
 高度=" 100％"
 controllerName =" UploadCollections.controller.View1"
 xmlns：core =" sap.ui.core"
 xmlns：mvc =" sap.ui.core.mvc"
 xmlns =" sap.m">
 
 <Page id =" Page" showHeader =" false">
 <内容>
 <OverflowToolbar>
 <ToolbarSpacer/>
 <标签
 text =" Layout：">
 </Label>
 <选择
 id =" tbSelect"
 selectedKey ="全部"
 change =" onSelectChange">
 <core：Item key =" All" text =" sap.m.ListSeparators.All"/>
 <core：Item key =" None" text =" sap.m.ListSeparators.None"/>
 </选择>
 </OverflowToolbar>
 <Label text =" Notes"/>
 <TextArea
 id =" TextArea"
 cols =" 200"
 height =" 100px"/>
 <UploadCollection
 id =" UploadCollection"
 maximumFilenameLength =" 55"
 maximumFileSize =" 10"
 multiple =" true"
 sameFilenameAllowed =" true"
 InstantUpload =" false"
 showSeparators ="全部"
 change =" onChange"
 fileDeleted =" onFileDeleted"
 filenameLengthExceed =" onFilenameLengthExceed"
 fileSizeExceed =" onFileSizeExceed"
 typeMissmatch =" onTypeMissmatch"
 uploadComplete =" onUploadComplete"
 beforeUploadStarts =" onBeforeUploadStarts">
 </UploadCollection>
 <按钮
 id =" Button"
 text ="立即上传"
 按=" onStartUpload">
 </按钮>
 </content>
 </Page>
 </mvc：查看>

/*页面控制器从这里开始*/

 sap.ui.define（[
 'jquery.sap.global'，
 'sap/m/MessageToast'，
 'sap/m/UploadCollectionParameter'，
 'sap/ui/core/mvc/Controller'
 ]，函数（jQuery，MessageToast，UploadCollectionParameter，Controller）{
 "使用严格"；
 
 var PageController = Controller.extend（" UploadCollections.controller.View1"，{
 
 onChange：function（oEvent）{
 var oUploadCollection = oEvent.getSource（）;
//标头令牌
 var oCustomerHeaderToken = new UploadCollectionParameter（{
 名称：" x-csrf-token"，
 值：" securityTokenFromModel"
 }）;
 oUploadCollection.addHeaderParameter（oCustomerHeaderToken）;
 MessageToast.show（"已触发事件更改"）;
 }，
 
 onFileDeleted：function（oEvent）{
 MessageToast.show（"事件文件已删除触发"）;
 }，
 
 onFilenameLengthExceed：function（oEvent）{
 MessageToast.show（"事件filenameLengthExceed已触发"）;
 }，
 
 onFileSizeExceed：function（oEvent）{
 MessageToast.show（"事件文件大小已触发"）;
 }，
 
 onTypeMissmatch：function（oEvent）{
 MessageToast.show（"事件类型未匹配触发"）;
 }，
 
 onStartUpload：function（oEvent）{
 var oUploadCollection = this.getView（）。byId（" UploadCollection"）;
/* var oUploadCollection = this.getView（）。byId（" UploadCollection"）。setUploadUrl（"/img/SAP/PUBLIC/MOBO/HCP/CC"）; */
 var oTextArea = this.getView（）。byId（" TextArea"）;
 var cFiles = oUploadCollection.getItems（）。length;
 var uploadInfo ="";
 oUploadCollection.setUploadUrl（"/img/SAP/PUBLIC/MOBO/HCP/CC"）;
 oUploadCollection.upload（）;
 
 uploadInfo = cFiles +"文件";
 如果（oTextArea.getValue（）。length === 0）{
 uploadInfo = uploadInfo +"不带注释";
 }其他{
 uploadInfo = uploadInfo +"带注释";
 }
 
 MessageToast.show（"方法上传称为（" + uploadInfo +"）"））;
 sap.m.MessageBox.information（" Uploaded" + uploadInfo）;
 oTextArea.setValue（""）;
 }，
 
 onBeforeUploadStarts：function（oEvent）{
//标头
 var oCustomerHeaderSlug = new sap.m.UploadCollectionParameter（{
 名称："子弹"，
 值：oEvent.getParameter（" fileName"）
 }）;
 oEvent.getParameters（）。addHeaderParameter（oCustomerHeaderSlug）;
 setTimeout（function（）{
 MessageToast.show（" EventUploadStarts触发事件"）;
 }，4000）；
 }，
 
 onUploadComplete：function（oEvent）{
 var sUploadedFileName = oEvent.getParameter（" files"）[0] .fileName;
 setTimeout（function（）{
 var oUploadCollection = this.getView（）。byId（" UploadCollection"）;
 
 for（var i = 0; i <oUploadCollection.getItems（）。length; i ++）{
 如果（oUploadCollection.getItems（）[i] .getFileName（）=== sUploadedFileName）{
 oUploadCollection.removeItem（oUploadCollection.getItems（）[i]）;
 打破;
 }
 }
 
//延迟成功消息，以便在此之前查看其他消息
 MessageToast.show（"已触发事件上传完成"）;
 } .bind（this），8000）；
 }，
 
 onSelectChange：function（oEvent）{
 var oUploadCollection = this.getView（）。byId（" UploadCollection"）;
 oUploadCollection.setShowSeparators（oEvent.getParameters（）。selectedItem.getProperty（" key"）））;
 }
 }）;
 
 返回PageController;
 }）;


 </pre>

    
        
         <p> <img src="/storage/temp/13819-1.png"> </p>
         （81.7 kB）  </div></div>
<div class="details-con-other border-top">
<div class="">



<div class="three-link">
   <!-- cdn节点 问题操作按钮 -->
                        <div class="cdn_question_button"></div>
</div>
</div>
</div>

</div>
</div>
</div>
<div class="container index" id="showanswerform">
<div class="row">
<div class="col-md-17 main " style="padding: 0px;">
<div class="note ">
<div class="post">
<div class="comment-list">
<div class="new-comment canwirteanswer"
style="margin: 0px 10px 10px 10px;">
<div style="" class="answer-txtbox bb top-answer"
id="answer-txtbox"><form class="new-comment" id="huidaform" name="answerForm"
method="post" style="margin: 10px;">
<input type="hidden" value="98133" id="ans_qid"
name="qid"> <input type="hidden" id="tokenkey" name="tokenkey"
value='' /> <input type="hidden"
value="Sapui5 UploadCollections无法正常工作？" id="ans_title" name="title">
<script src="https://www.easysap.com/static/js/neweditor/ueditor.config.js" type="text/javascript"></script>
<script src="https://www.easysap.com/static/js/neweditor/ueditor.all.js" type="text/javascript"></script>
<script type="text/plain" id="editor"  name="content"  style="width:100%;height:200px;"></script>                                 
<script type="text/javascript">
                                 var isueditor=1;
            var editor = UE.getEditor('editor',{
                //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
                toolbars:[['fullscreen',   'source','|', 'undo', 'redo', '|', 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|', 'rowspacingtop', 'rowspacingbottom', 'lineheight', '|', 'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|', 'indent', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'link', 'unlink', 'anchor', '|', 'simpleupload', 'insertimage', 'scrawl', 'insertvideo', 'attachment', 'map', 'insertcode', '|', 'horizontal', '|', 'preview', 'searchreplace', 'drafts']],
            
                initialContent:'',
            
            
                //关闭字数统计
                wordCount:false,
                //关闭elementPath
                elementPathEnabled:false,
                //默认的编辑区域高度
                initialFrameHeight:250
                //更多其他参数，请参考ueditor.config.js中的配置项
                //更多其他参数，请参考ueditor.config.js中的配置项
            });

        </script><div class="write-function-block"><div class="hint">付费偷看设置</div>

<div class="emoji-modal-wrap">
<a class="emoji " data-toggle="tooltip"
data-placement="right" title=""
data-original-title="设置付费查看回答金额"> <i
class="fa fa-paypal text-red mar-ly-1"></i>
</a>
</div> <a class="btn btn-send" id="ajaxsubmitasnwer">发送</a>
</div></form></div>


</div>



<div id="comment-list" class="comment-list bb"
style="margin: 0px; margin-bottom: 20px;">

<div id="normal-comment-list" class="normal-comment-list">
<div>
<div>
<div class="top" id="comments">
<span>2条回答</span>

<div class="pull-right"></div>
</div>
</div>                                                                    
           
            <div id="comment-265407" class="comment">
            <div>
                                  <div class="author">
            <a href="https://www.easysap.com/u-145.html" target="_self" class="avatar">
            <img src="https://www.easysap.com//static/css/default/avatar.gif"  onmouseover="showInfoCard(this,'usercard',145)" onmouseout="hideInfoCard('usercard')" >
            </a>
            <div class="info">
            <a href="https://www.easysap.com/u-145.html" target="_self" class="name">
            Cikesha                                          </a>
            <!---->
             <div class="meta">
             <span>1楼-- · 2020-09-23 07:42</span>
             </div>
             </div>
             </div>
                          <div class="comment-wrap art-content">
             <div class="answercontent" style="max-height:10000000px">
                                                                          <p>您无法将文件上传到本地主机。 您需要具有Netweaver Gateway这样的后端系统才能接收文件，然后可以从WEB IDE使用FileUploader/FileUploadCollection上传文件，然后使用OData Services将其发送到后端。</p>                                                                    <div class="appendcontent">
                                                        </div>
            </div>
       
             <div class="tool-group">
             <!-- cdn节点 回答操作 -->
<div class="cdn_question_answer265407"></div>
<script type="text/javascript">
  getquestioncaozuo(5,98133,265407);
</script>

                </div>
                </div>
                  
                </div>


<div class="comments-mod "
style="display: none; float: none; padding-top: 10px;"
id="comment_265407">
<div class="areabox clearfix">

<div class="input-group">
<input type="text" placeholder="请输入评论内容，不少于5个字"
AUTOCOMPLETE="off" class="comment-input form-control"
name="content" /> <input type='hidden' value='0'
name='replyauthor' /> <span class="input-group-btn"><input
type="button" value="评论" class="btn btn-green"
name="submit" onclick="addcomment(265407);" /> </span>
</div>

</div>
<ul class="my-comments-list nav">
<li class="loading text-left"><img
src='https://www.easysap.com/static/css/default/loading.gif'
align='absmiddle' /> 加载中...</li>
</ul>
</div>

</div>
         
            <div id="comment-265408" class="comment">
            <div>
                                  <div class="author">
            <a href="https://www.easysap.com/u-142.html" target="_self" class="avatar">
            <img src="https://www.easysap.com//static/css/default/avatar.gif"  onmouseover="showInfoCard(this,'usercard',142)" onmouseout="hideInfoCard('usercard')" >
            </a>
            <div class="info">
            <a href="https://www.easysap.com/u-142.html" target="_self" class="name">
            ZJXianG                                          </a>
            <!---->
             <div class="meta">
             <span>2楼-- · 2020-09-23 07:41</span>
             </div>
             </div>
             </div>
                          <div class="comment-wrap art-content">
             <div class="answercontent" style="max-height:10000000px">
                                                                          <p>您好，</p>
 <p>在XML视图中添加属性uploadUrl ="/img/SAP/PUBLIC/MOBO/HCP/CC"。  </p>
 <p>它是一个静态属性。  </p>
 <p>此致</p>
 <p> Gururaj </p>                                                                    <div class="appendcontent">
                                                        </div>
            </div>
       
             <div class="tool-group">
             <!-- cdn节点 回答操作 -->
<div class="cdn_question_answer265408"></div>
<script type="text/javascript">
  getquestioncaozuo(5,98133,265408);
</script>

                </div>
                </div>
                  
                </div>


<div class="comments-mod "
style="display: none; float: none; padding-top: 10px;"
id="comment_265408">
<div class="areabox clearfix">

<div class="input-group">
<input type="text" placeholder="请输入评论内容，不少于5个字"
AUTOCOMPLETE="off" class="comment-input form-control"
name="content" /> <input type='hidden' value='0'
name='replyauthor' /> <span class="input-group-btn"><input
type="button" value="评论" class="btn btn-green"
name="submit" onclick="addcomment(265408);" /> </span>
</div>

</div>
<ul class="my-comments-list nav">
<li class="loading text-left"><img
src='https://www.easysap.com/static/css/default/loading.gif'
align='absmiddle' /> 加载中...</li>
</ul>
</div>

</div>
<div class="pages"></div>

</div>
</div>
<div></div>
</div>
<!-- cdn 问答邀请 -->
<div class="cdn_question_invate"></div>		
<script type="text/javascript">
getquestioncaozuo(7,98133);
</script><div class="new-answer bb">
<h3 class="title">
一周热门 <a href="https://www.easysap.com/content/solve.html" target="_blank" class="more">更多<font>>
</font></a>
</h3>
<div class="inf-list">
<ul class="clearfix">
</ul>
</div>
</div>

</div>
</div>


</div>

</div>

<div class="col-md-7  aside "><div class="ad_vip" style="margin-bottom: 10px;">
<a href="javascript:login()"><img style="width: 100%;"
src="https://www.easysap.com/static/images/ad_vip.png" /></a>
    <h6>点击此处--->
                <a target="_blank" href="https://qm.qq.com/cgi-bin/qm/qr?k=0G3L9uZTbor8h6vhI8-lICNXNjgwRScW&jump_from=webapi"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="EasySAP.com" title="EasySAP.com"></a>
                一起学习S4 HANA ...</h6>
</div><div class="standing">
<div class="positions bb" id="rankScroll">
<h3 class="title">相关问答</h3>
<ul><li class="no-video"><a
href="https://www.easysap.com/q-111093.html"
title="仅针对一种布局的样式"> 仅针对一种布局的样式 </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-111093.html" class="anum">
4 个回答</a>
</div></li> <li class="no-video"><a
href="https://www.easysap.com/q-111076.html"
title="网关属性标签"> 网关属性标签 </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-111076.html" class="anum">
1 个回答</a>
</div></li> <li class="no-video"><a
href="https://www.easysap.com/q-111058.html"
title="在SAP HANA内部部署环境中更新SAPUI5交付单元？"> 在SAP HANA内部部署环境中更新SAPUI5交付单元？ </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-111058.html" class="anum">
7 个回答</a>
</div></li> <li class="no-video"><a
href="https://www.easysap.com/q-111045.html"
title="值帮助对话框控件中的搜索帮助"> 值帮助对话框控件中的搜索帮助 </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-111045.html" class="anum">
3 个回答</a>
</div></li> <li class="no-video"><a
href="https://www.easysap.com/q-111032.html"
title="用户标签准则"> 用户标签准则 </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-111032.html" class="anum">
2 个回答</a>
</div></li> <li class="no-video"><a
href="https://www.easysap.com/q-111030.html"
title="SAP UI5：-需要更改Richtext Editor默认文本"> SAP UI5：-需要更改Richtext Editor默认文本 </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-111030.html" class="anum">
1 个回答</a>
</div></li> <li class="no-video"><a
href="https://www.easysap.com/q-111025.html"
title="如何在新的SCN中打开技术讨论线程？"> 如何在新的SCN中打开技术讨论线程？ </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-111025.html" class="anum">
2 个回答</a>
</div></li> <li class="no-video"><a
href="https://www.easysap.com/q-111024.html"
title="在调试模式下加载忙指标，但在运行时不加载"> 在调试模式下加载忙指标，但在运行时不加载 </a>
<div class="num-ask">
<a href="https://www.easysap.com/q-111024.html" class="anum">
2 个回答</a>
</div></li> </ul>
</div>
</div><!--广告位5--></div>
</div>
</div>

<div class="modal fade" id="dialogadopt">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span><span class="sr-only">关闭</span>
</button>
<h4 class="modal-title">采纳回答</h4>
</div>
<div class="modal-body">

<form class="form-horizontal" name="editanswerForm" method="post">
<input type="hidden" value="98133" id="adopt_qid"
name="qid" /> <input type="hidden" id="adopt_answer" value="0"
name="aid" />
<table class="table ">
<tr valign="top">
<td>向帮助了您的网友说句感谢的话吧!</td>
</tr>
<tr>
<td>
<div class="inputbox mt15">
<textarea class="form-control" id="adopt_txtcontent"
name="content">非常感谢!
Sapui5 UploadCollections无法正常工作？

点击此处---> 群内免费提供SAP练习系统（在群公告中）

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间
