Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ssis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML按钮,有两个用于onclick事件错误的函数_Javascript_Python_Html_Ajax_Amazon S3 - Fatal编程技术网

Javascript HTML按钮,有两个用于onclick事件错误的函数

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)"

第二次编辑:评论了确切的问题。多谢各位

我有一个图像上传模板,它有一个带有2个onclick事件的按钮。 它进行了几次测试,但突然之间,如果不更改任何代码,它就无法工作。 当我删除一个函数并运行时,它可以正常工作,但两者同时运行,不会

我的html代码:

<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
        }
    });