ajax+FormData实现图片上传

来源：互联网发布：成都数据恢复价格表编辑：程序博客网时间：2024/05/17 00:15

ajax+FormData实现图片上传

直接上代码

html

<input type="file" name="file" id="file"><input type="button" value="upload" id="sub">

<script>    $(function () {        $('#sub').click(function () {            var file = $("#file")[0].files[0];            console.log(file)            var form = new FormData();            form.append("file", file);            $.ajax({                url: '/upload',                type: "POST",                data: form,                async: true, //异步                processData: false, //很重要，告诉jquery不要对form进行处理                contentType: false, //很重要，指定为false才能形成正确的Content-Type                success: function (data) {                    console.log(data);                },                error: function (data) {                    console.log(data);                }            });        })    })</script>

后台

python+flask

UPLOAD_FOLDER = '/data/temp/'app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER@app.route("/upload", methods=['post'])def upload():    file = flask.request.files['file']    file_name = werkzeug.secure_filename(file.filename)    file_path = os.path.join(app.config['UPLOAD_FOLDER'], file_name)    file.save(file_path)    return 'success'    pass

0 0