js:尝试将精细上传器挂接到flask应用程序中 - javascript

我正在尝试将上载器连接到Flask端点。

端点看起来像:

@app.route('/', methods=['GET', 'POST'])
def a_function():
    if request.method == 'POST':
         file = request.files['file']
         {{ do stuff }}
         return render_template('index.html', {{ variables }} )
    return render_template('index.html' )

我正在尝试替换标准表格:

<form action="" method=post enctype=multipart/form-data>
    <input type=file name=file>
    <input type=submit value=Upload>
</form>

与fine-uploader:

<div class="centered_div">
   <div id="manual-fine-uploader"> </div>
   <div id="triggerUpload" class="btn btn-primary" style="margin-top: 10px;">
       <i class="icon-upload icon-white"></i> Upload now>
   </div>
</div>

...

$(document).ready(function() {
    var manualuploader = $('#manual-fine-uploader').fineUploader({
        request: {
            endpoint: '/'
        },
        autoUpload: false,
        text: {
            uploadButton: '<i class="icon-plus icon-white"></i> Select Files'
        },
        failedUploadTextDisplay: {
            mode: 'custom',
            maxChars: 40,
            responseProperty: 'error',
            enableTooltip: true
        }
    });


    $('#triggerUpload').click(function() {
        manualuploader.fineUploader('uploadStoredFiles');
    });
});

但是我在控制台中收到一些js错误,并且端点似乎无法正确管理request

  POST http:// {{localhost}}:5000/400(BAD REQUEST)
  jquery.fineuploader-3.4.1.js:3903 [FineUploader]尝试时出错
  解析xhr响应文本(SyntaxError:意外令牌<)
  jquery.fineuploader-3.4.1.js:155 [FineUploader]'错误'不是有效的
  服务器响应上的属性。

使用Upload failed出现应用程序错误。

我猜测当我在endpoint: '/'行中传递请求时会发生此问题,并且确实希望我不必完全重写端点的{{ do stuff }}部分。

参考方案

好吧,首先,您为端点列出的代码将永远无法与Fine Uploader一起使用。您的端点必须返回有效的JSON响应。有关更多详细信息,请参见server-side examples和关联的readme。

其次,就您的路由而言,似乎确实存在问题。您的服务器响应为400。您将需要检查服务器端代码以确定拒绝请求的位置以及原因。一个不错的第一步是在Chrome的网络标签中检查请求,记下端点,然后在服务器端代码中的适当位置签入。

在Wordpress插件中加载自定义JavaScript - javascript

好的,这让我发疯了:我正在尝试构建一个简单的Wordpress插件,并且正在尝试确保js与php分开。我已经看过了法典和各种教程,但要么都是在做假设,要么是我只是个白痴,因为它不起作用...基本上,我最终希望通过ajax向自定义添加一些行添加帖子时使用表格,但首先我要让“ Hello World”在“添加帖子”页面上工作...当然,这很简单:这是myplug…

异步调用nodejs和python - javascript

大家我想在节点脚本中异步调用python脚本。我为此使用“ python-shell”。我的问题是节点首先执行自己的代码,然后执行python脚本。我在运行时需要python脚本数据。这意味着:let {PythonShell} = require('python-shell'); let message; PythonShell.run…

从php文件运行命令行程序 - javascript

我想从php文件执行任何命令。我有一个nodejs文件,当我给出命令执行某件事时。它工作正常。即abc.js参数在终端上可以正常工作并执行一些任务但是,我想从运行我的命令的php文件中执行相同的任务。我尝试了不起作用的exec('filename arguments')。如果我给exec(ls -l)给出输出。请让我知道您的建议。谢谢 参考方案 我认为您必须…

如何在没有for循环的情况下在Javascript中使用Django模板标签 - javascript

我想在JavaScript中使用模板变量:我的问题是在javascript代码中使用for循环,for循环之间的所有事情都会重复..但我不想要....下面粘贴了我的代码..有人可以告诉我更好的方法吗这..因为这看起来很丑..这是我的代码: {% block extra_javascript %} <script src="/static/js…

使用JS和PHP更改弹出窗口背景图像 - javascript

我有一个JS函数:function zoom(now) { document.getElementById("popup").style.display = "block"; document.getElementById("photos").style.backgroundImage = …