首页 > 解决方案 > Leaflet.Draw - 将文件导出为模态附件

问题描述

所以我这里有一个棘手的问题!我正在努力研究这个想法,因为我什至不知道要搜索什么。一些快速的背景信息:我有一个 Leaflet.Draw 地图,允许用户将绘制的特征下载为 .kml 文件。单击提交按钮时,该功能被导出并弹出一个联系表单(作为模式),允许用户提供一些信息并附加他们导出的功能(看一下屏幕截图)。

文件导出和模态触发

我认为如果导出的功能自动上传到表单的附件输入中会很酷。这样的事情可能吗?

这是导出脚本:

    document.getElementById('export').onclick = function(e) {
        // Extract GeoJson from featureGroup
        var data = featureGroup.toGeoJSON();
        var kml = tokml(data);
        // Convert to dataURL format
        var convertedData = 'application/vnd.google-earth.kml+xml;charset=utf-8,' + encodeURIComponent(kml);

        // Create export
        document.getElementById('export').setAttribute('href', 'data:' + convertedData);
        document.getElementById('export').setAttribute('download','data.kml');
    } 

以及表格的附件部分

<input type="file" name="file_attach[]" multiple data-required="true"/>  

谢谢。

标签: javascriptleafletexportbootstrap-modalattachment

解决方案


推荐阅读