Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
244 views
in Technique[技术] by (71.8m points)

javascript - jQuery文件上传保存在HTML(jquery file upload save in html)

I have a web application run by Flask that allows users to upload multiple images onto the html and display it.

(我有一个由Flask运行的Web应用程序,该应用程序允许用户将多个图像上传到html上并显示出来。)

May I ask is it feasible to save the uploaded file images onto the html?

(请问将上传的文件图像保存到html可行吗?)

My code is written below.

(我的代码写在下面。)

Images do show up but will be gone upon refreshing the webpage.

(图像确实显示,但是刷新网页后消失。)

<center><div id ="myImg"></center>
<script>
    $(function() {
    $(":file").change(function() {
    if (this.files && this.files[0]) {
    for (var i = 0; i < this.files.length; i++) {
    var reader = new FileReader();
    reader.onload = imageIsLoaded;
    reader.readAsDataURL(this.files[i]);
    }
    }
    });
    });

    function imageIsLoaded(e) {
    $('#myImg').append('<img src=' + e.target.result + '>');
     }
    </script>
  ask by imsuneaik translate from so

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)
等待大神答复

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...