我正在尝试将上载器连接到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 = …