Javascript HTML按钮,有两个用于onclick事件错误的函数
第二次编辑:评论了确切的问题。多谢各位 我有一个图像上传模板,它有一个带有2个onclick事件的按钮。 它进行了几次测试,但突然之间,如果不更改任何代码,它就无法工作。 当我删除一个函数并运行时,它可以正常工作,但两者同时运行,不会 我的html代码:Javascript HTML按钮,有两个用于onclick事件错误的函数,javascript,python,html,ajax,amazon-s3,Javascript,Python,Html,Ajax,Amazon S3,第二次编辑:评论了确切的问题。多谢各位 我有一个图像上传模板,它有一个带有2个onclick事件的按钮。 它进行了几次测试,但突然之间,如果不更改任何代码,它就无法工作。 当我删除一个函数并运行时,它可以正常工作,但两者同时运行,不会 我的html代码: <button class="button is-success" type="button" onclick="postArticle(); postImage(event)"
<button class="button is-success" type="button" onclick="postArticle(); postImage(event)">POST</button>
我制作了标题、内容、链接url、自动生成的s3图像url,用ajax和python连接到mongodb数据库。
但是使用java脚本将图像文件上载到AWS s3
因为我尝试用flask和boto3将图像文件上载到s3时失败
我想让以上两个函数在一个按钮onclick事件上工作。
我试着把两个结合成一个
function postArticle(e) {
e.preventDefault();
add_article_with_photo('images');
let title = $('#post-title').val();
let content = $('#post-content').val();
let url = $('#post-url').val();
let img_source = document.getElementById("article-image").files[0].name;
$.ajax({
type: "POST",
url: "/post",
data: {title_give: title, content_give: content, url_give: url, filename: img_source},
success: function (response) {
alert(response["msg"]);
window.location.reload();
}
})
但是不起作用。
请帮忙
编辑:
这是我在js文件中添加的带有照片功能的文章,当我只使用一个onclick事件时,效果很好
function add_article_with_photo(albumName) {
var files = document.getElementById("article-image").files;
if (!files.length) {
return alert("Please choose a file to upload first.");
}
var file = files[0];
var fileName = file.name;
var albumPhotosKey = encodeURIComponent(albumName) + "/";
var photoKey = albumPhotosKey + fileName;
// Use S3 ManagedUpload class as it supports multipart uploads
var upload = new AWS.S3.ManagedUpload({
params: {
Bucket: albumBucketName,
Key: photoKey,
Body: file
}
});
这回答了你的问题吗?这不是如何使用
$上传图像/文件。ajax
这是什么功能add_article_with_photo()
@Etsuko sususui,不,这是我看到的和写的,但不起作用。在重新加载页面之前,需要完成两个请求。重新加载文件时,数据将消失
function add_article_with_photo(albumName) {
var files = document.getElementById("article-image").files;
if (!files.length) {
return alert("Please choose a file to upload first.");
}
var file = files[0];
var fileName = file.name;
var albumPhotosKey = encodeURIComponent(albumName) + "/";
var photoKey = albumPhotosKey + fileName;
// Use S3 ManagedUpload class as it supports multipart uploads
var upload = new AWS.S3.ManagedUpload({
params: {
Bucket: albumBucketName,
Key: photoKey,
Body: file
}
});