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>