如何将文件从Mayan EDMS发送到外部API?

时间:2019-01-31 16:01:50

标签: python ajax django

我还在学习Django和仍然有很多未知的我。

的问题是,我不能拉该.pdf(或任何其他格式),以通过AJAX POST方法来外部API被发送。所以在reciving边我只得到该文件不是实际文件的字符串位置。

我已经把下面的JavaScript代码在 generic_list_items_subtemplate.html

{% load i18n %}
{% load static %}

{% load common_tags %}
{% load navigation_tags %}

<div class="row">
    <div class="col-xs-12">
        <h4>
            {% if page_obj %}
                {% if page_obj.paginator.num_pages != 1 %}
                    {% blocktrans with page_obj.start_index as start and page_obj.end_index as end and page_obj.paginator.object_list|length as total and page_obj.number as page_number and page_obj.paginator.num_pages as total_pages %}Total ({{ start }} - {{ end }} out of {{ total }}) (Page {{ page_number }} of {{ total_pages }}){% endblocktrans %}
                {% else %}
                    {% blocktrans with page_obj.paginator.object_list|length as total %}Total: {{ total }}{% endblocktrans %}
                {% endif %}
            {% else %}
                {% blocktrans with object_list|length as total %}Total: {{ total }}{% endblocktrans %}
            {% endif %}
        </h4>
        <hr>
        <div class="well center-block">
            <div class="clearfix">
                <div class="pull-right">
                    <form action="{% url 'common:multi_object_action_view' %}" class="form-multi-object-action" method="get">
                        {% if object_list %}
                            {% if not hide_multi_item_actions %}
                                {% get_multi_item_links_form object_list %}
                            {% endif %}
                            {% if multi_item_actions %}
                                <fieldset style="margin-top: -10px;">
                                    <input class="check-all" type="checkbox"/>&nbsp;
                                    {{ multi_item_form }}
                                </fieldset>
                            {% endif %}
                        {% endif %}
                    </form>
                </div>
            </div>

            {% if object_list %}
                <hr style="border-bottom: 1px solid lightgrey;">

            {% endif %}


            <div class="row row-items">
                {% for object in object_list %}
                    <div class="{{ column_class|default:'col-xs-12 col-sm-4 col-md-3 col-lg-2' }}">
                        <div class="panel panel-primary panel-item">
                            <div class="panel-heading">
                                <div class="form-group" id="myform">

                                    <div class="checkbox">
                                        <label for="id_indexes_0">
                                            {% if multi_item_actions %}
                                                {% if multi_select_item_properties %}
                                                    <input class="form-multi-object-action-checkbox check-all-slave checkbox" type="checkbox" name="properties_{{ object|get_encoded_parameter:multi_select_item_properties }}" />
                                                {% else %}
                                                    <input class="form-multi-object-action-checkbox check-all-slave checkbox" type="checkbox" name="{{ object.get_absolute_url }}" />
                                                {% endif %}
                                            {% endif %}

                                            <span style="color: white; word-break: break-all; overflow-wrap: break-word;">
                                                {% if not hide_object %}
                                                    {% if main_object %}
                                                        {% with object|object_property:main_object as object %}
                                                            {% if not hide_link %}<a name="test" href="{{ object.get_absolute_url }}">{{ object }}</a>{% else %}{{ object }}{% endif %}
                                                        {% endwith %}
                                                    {% else %}
                                                        {% if not hide_link %}<a href="{{ object.get_absolute_url }}">{{ object }}</a>{% else %}{{ object }}{% endif %}
                                                    {% endif %}
                                                {% endif %}

                                            </span>
                                        </label>
                                    </div>
                                </div>

                            </div>
                            <div class="panel-body">

                                {% if not hide_columns %}
                                    {% for column in object|get_source_columns %}
                                        <div class="text-center" style="">{% source_column_resolve column=column %}{{ column_result }}</div>
                                    {% endfor %}
                                {% endif %}

                                {% for column in extra_columns %}
                                    <div class="text-center"><span class="list-extra-column-label">{{ column.name }}</span>: {{ object|object_property:column.attribute }}</div>
                                {% endfor %}

                                {% if not hide_links %}
                                    <p class="text-center">
                                        {% get_menu_links 'object menu' source=object as resolved_links %}
                                        {% for object_navigation_links in resolved_links %}
                                            {% with 'true' as as_dropdown %}
                                                {% include 'navigation/generic_navigation.html' %}
                                            {% endwith %}
                                        {% endfor %}
                                    </p>
                                {% endif %}

                            </div>
                        </div>
                    </div>
                {% empty %}
                    <div class="col-xs-12">
                        {% include 'appearance/no_results.html' %}
                    </div>

                {% endfor %}

            </div>

            <!--</form>-->




            {% include 'pagination/pagination.html' %}
        </div>
    </div>
</div>

            <!--{% if object_list %}-->
            <form method="post">
                {% csrf_token %}
                <input type="hidden" name="csrf-token" value="nc98P987bcpncYhoadjoiydc9ajD1cn">
                    <div class="row">
                        <div class="col-md-3"></div>
                        <div class="col-md-3">
                            <button id="sendBTN" class="btn btn-success" type="submit">Send checked documents to another database</button>
                        </div>
                        <div class="col-md-3"></div>
                    </div>
            </form>

            <br>
            <br>
            <br>
            <!--{% endif %}-->


<script type="text/javascript">
    'use strict';

    var $data = [];

    $(document).on("click", "input[type='checkbox']", (e) => {
        var name = $(e.target).attr("name");
        if($(e.target).prop("checked")){
            $data.push(name);
        }else{
            $data = jQuery.grep($data, function(value) {
              return value != name;
            });
        }
        console.log($data);
    });


             function csrfSafeMethod(method)
             {
                 return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
             }

             $.ajaxSetup({
                 beforeSend: function (xhr, settings) {
                     if(!csrfSafeMethod(settings.type) && !this.crossDomain)
                     {
                         xhr.setRequestHeader("X-CSRFToken", csrftoken);
                     }
                 }
             });



    document.getElementById("sendBTN").onclick = function() {

         var form_data  = new FormData();
         // form_data.append('file', $('#myform').get(0));

         form_data.append('file', $data);

         console.log(form_data);

         $.ajax({
             type: "POST",
             // contentType: "application/x-www-form-urlencoded",
             contentType : false,
             processData: false,
             url: "http://192.168.10.22:5000/api/FileRecive/GetDocument",
             dataType: "json",
             data: form_data,
             success: function (data) {
                 data = $.parseJSON(data);
                 alert("success");
             },
             error: function (xhr) {
                 alert("error - " + xhr.statusText);
             }
         });
    };


    $(function() {
        $('.row-items > [class*="col"] .panel-item .panel-heading').matchHeight();
        $('.row-items > [class*="col"] .panel-item .panel-body').matchHeight();
        $('.row-items > [class*="col"] .panel-item').matchHeight();
    });
    </script>

在接收方面,我会得到

name = "file"
value = "/documents/12/preview/"

但是我想获取文件而不是这个字符串。我不知道如何将目标文件定向为直接发送。

enter image description here

1 个答案:

答案 0 :(得分:1)

在URL“/文档/ 12 /预览/”是查看使用用户界面的文档的URL。如果你想要的是该文件的实际文件,你需要使用玛雅的API。由于Mayan中的文档是版本的集合,因此您需要所需文档的最新版本的ID。对于这种用于文档细节这是API URL:

“/ API /文档/ 271 /”

这会给你这样的东西:

enter image description here

从那里查字典键“latest_version”,然后键“DOWNLOAD_URL”。屏幕截图中的下载URL为“ http://127.0.0.1:8000/api/documents/271/versions/267/download/”。做一个GET请求到这个URL,你会得到文件的实际文件。将文件保存在临时变量(或Javascript Blob文件对象https://developer.mozilla.org/en-US/docs/Web/API/Blob)中,然后通过POST请求将其发送到自定义API。

另一种选择是将“ download_url”发送到您的API,并让工作进程获取文档数据,这样您就不必将文档的二进制数据存储在浏览器的内存中。

有关Mayan API的更多信息,请转到“工具”->“ API文档”,您将获得一个API文档视图,该视图允许使用安装中的实时数据来测试API。

enter image description here