zoukankan      html  css  js  c++  java
  • Dynamics 365利用HTML页面创建实体记录并同步上传附件

    我是微软Dynamcis 365 & Power Platform方面的工程师罗勇,也是2015年7月到2018年6月连续三年Dynamics CRM/Business Solutions方面的微软最有价值专家(Microsoft MVP),欢迎关注我的微信公众号 MSFTDynamics365erLuoYong ,回复342或者20190605可方便获取本文,同时可以在第一间得到我发布的最新博文信息,follow me!

    关于Deep Insert请参考我的博文:Dynamics CRM 中Web API中的深度创建(Deep Insert) 我这里不再赘述。

    JavaScript的 instanceOfFileReader.readAsDataURL(blob) 方法刚好能将要上传的文件内容读成base64编码,我们知道Dynamics 365 Customer Engagement中的附件存储在数据库中就是base64格式。

    我下面直接上代码:

    <!DOCTYPE html>
    <html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>罗勇开发的示例程序</title>
        <script src="../../../ClientGlobalContext.js.aspx" type="text/javascript"></script>
        <script type="text/javascript">
            function createCaseandNote() {
                var file = document.querySelector("#img").files[0];
                var reader = new FileReader();
                if (file) {
                    reader.readAsDataURL(file);
                }
                reader.addEventListener("load", function () {
                    console.log(file.name);
                    console.log(file.type);
                    console.log(file.size);
                    console.log(file.lastModifiedDate);
                    console.log(reader.result);
                    var result = reader.result;
                    var base64result = result.substring(result.indexOf(";base64,") + 8);
                    var requestJson = {
                        "title": "罗勇示例Case",
                        "customerid_account@odata.bind": "/accounts(f9fa6e76-ab12-e811-a959-000d3a109495)",
                        "description": "罗勇通过代码一次创建case及其附件的示例",
                        "Incident_Annotation":
                            [
                                {
                                    "subject": file.size.toString(),
                                    "notetext": file.lastModifiedDate,
                                    "mimetype": file.type,
                                    "isdocument": true,
                                    "filename": file.name,
                                    "documentbody": base64result
                                }
                            ]
                    };
                    var clientURL = Xrm.Utility.getGlobalContext().getClientUrl();
                    var req = new XMLHttpRequest()
                    req.open("POST", encodeURI(clientURL + "/api/data/v9.1/incidents", false));
                    req.setRequestHeader("Accept", "application/json");
                    req.setRequestHeader("Content-Type", "application/json; charset=utf-8");
                    req.setRequestHeader("OData-MaxVersion", "4.0");
                    req.setRequestHeader("OData-Version", "4.0");
                    req.onreadystatechange = function () {
                        if (this.readyState == 4 /* complete */) {
                            req.onreadystatechange = null;
                            if (this.status == 204) {//204代表成功无返回值
                                var currentAppUrl = Xrm.Utility.getGlobalContext().getCurrentAppUrl();
                                if (currentAppUrl.indexOf("appid=") <= -1) {
                                    currentAppUrl += "/main.aspx?";
                                }
                                else {
                                    currentAppUrl += "&";
                                }
                                Xrm.Navigation.openUrl(currentAppUrl + "pagetype=entityrecord&etn=incident&id=" + this.getResponseHeader("OData-EntityId").match(/w{8}-w{4}-w{4}-w{4}-w{12}/)[0] + "&navbar=off&cmdbar=false");
                            }
                            else {
                                var error = JSON.parse(this.response).error;
                                alert("错误:" + error.message);
                            }
                        }
                    };
                    req.send(JSON.stringify(requestJson));                
                }, false);
            }
    
            function previewFile() {
                var preview = document.querySelector('#imgprivew');
                var file = document.querySelector("#img").files[0];
                var reader = new FileReader();
                reader.addEventListener("load", function () {
                    preview.src = reader.result;
                }, false);
    
                if (file) {
                    reader.readAsDataURL(file);
                }
            }
        </script>
    </head>
    <body>
        <input id="img" type="file" onchange="previewFile()">
        <input type="button" onclick="createCaseandNote()" value="上传并创建案例及包含附件的注释" /><br />
        <img id="imgprivew" src="" width="600" alt="Image preview...">
    </body>
    </html>

    效果如图,选择图片后有预览效果,点击按钮后会使用Deep Insert同步创建一个Case实体记录并同时将该附件作为注释和该case实体记录关联。

    创建后打开的case实体记录效果如下:

  • 相关阅读:
    【项目管理和构建】十分钟教程,eclipse配置maven + 创建maven项目(三)
    【项目管理和构建】——Maven下载、安装和配置(二)
    【项目管理和构建】——Maven简介(一)
    Maven 环境变量设置
    【BZOJ282】【洛谷P3829 】【SHOI2012】—信用卡凸包(凸包)
    【BZOJ1076】【SCOI2008】—奖励关(期望+状压dp)
    【BZOJ3687】—简单题(bitset)
    【BZOJ2118】—墨墨的等式(最短路+背包)
    【BZOJ4300】—绝世好题(二进制dp)
    【洛谷P3345】【ZJOI2015】—幻想乡战略游戏(动态点分治)
  • 原文地址:https://www.cnblogs.com/luoyong0201/p/Dynamics_365_Deep_Insert_Case_Note_Attachment.html
Copyright © 2011-2022 走看看