将Canvas内容作为png图像上传到服务器

Question

我有一个脚本，可以从扫描仪扫描图像并在Canvas中显示结果。 我需要将画布内容作为图像上传到服务器。 我尝试了一些代码将画布转换为图像，但没有成功。 是否可以对此脚本进行更改以满足我的需要？

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" onclick="scanImage();" class="btn btn-primary btn-lg">Scan</button>
<div id="selectedFiles" class="row" style="padding: 3px"></div>
<div class="modal fade scandetail" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div style="max-height:1200px;overflow:scroll;">
                <canvas id="myCanvas"></canvas>

看看jsfiddle