网站开发怎样实现上传视频教程,北京公司注册流程及需要的材料,帝国cms网站搬家,济南计算机培训机构哪个最好0.页面展示效果
1#xff09;首先房东填写房屋信息#xff1b; 2#xff09;当房东填写发布的房源信息之后#xff0c;隐藏#xff08;hide#xff09;刚才填写信息的界面#xff0c;同时显示(show)上传房屋图片的界面。 1.后端代码
api.route(/houses/image首先房东填写房屋信息 2当房东填写发布的房源信息之后隐藏hide刚才填写信息的界面同时显示(show)上传房屋图片的界面。 1.后端代码
api.route(/houses/image, methods[POST])
login_required
def save_house_image():保存房屋的图片参数 图片 房屋的idimage_file request.files.get(house_image)house_id request.form.get(house_id)if not all([image_file, house_id]):return jsonify(errnoRET.PARAMERR, errmsg参数错误)# 判断house_id正确性try:house House.query.get(house_id)except Exception as e:current_app.logger.error(e)return jsonify(errnoRET.DBERR, errmsg数据库异常)if house is None: # if not house:return jsonify(errnoRET.NODATA, errmsg房屋不存在)image_data image_file.read()# 保存图片到七牛中try:file_name storage(image_data)except Exception as e:current_app.logger.error(e)return jsonify(errnoRET.THIRDERR, errmsg保存图片失败)# 保存图片信息到数据库中house_image HouseImage(house_idhouse_id, urlfile_name)db.session.add(house_image)# 处理房屋的主图片if not house.index_image_url:house.index_image_url file_namedb.session.add(house)try:db.session.commit()except Exception as e:current_app.logger.error(e)db.session.rollback()return jsonify(errnoRET.DBERR, errmsg保存图片数据异常)image_url constants.QINIU_URL_DOMAIN file_namereturn jsonify(errnoRET.OK, errmsgOK, data{image_url: image_url}).前端html代码 form idform-house-image action/api/house/image methodpost enctypemultipart/form-datainput typehidden namehouse_id idhouse-id valuelidiv classhouse-titleh3添加图片/h3/divdiv classhouse-contentdiv classhouse-image-cons/divdiv classform-grouplabel forhouse-image选择图片/labelinput typefile acceptimage/* namehouse_image idhouse-image/divinput typesubmit classbtn btn-success value上传/div/li/form.前端js代码 $(#form-house-image).submit(function (e) {e.preventDefault();$(this).ajaxSubmit({url: /api/v1.0/houses/image,type: post,dataType: json,headers: {X-CSRFToken: getCookie(csrf_token),},success: function (resp) {if (resp.errno 4101) {location.href /login.html;} else if (resp.errno 0) {$(.house-image-cons).append(img src resp.data.image_url );} else {alert(resp.errmsg);}}})})
