T实现上传多文件和Json数据的进度条

最新推荐文章于 2024-08-11 20:21:14 发布
最新推荐文章于 2024-08-11 20:21:14 发布
阅读量479 收藏
点赞数
分类专栏： qt C++ 文章标签： ui qt c++ json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41560737/article/details/131001213
版权
本文介绍如何利用QT库，通过POST请求方式，实现在同一过程中上传多个文件和Json数据，并同步展示上传进度。主要涉及ObjectStorage类的设计，包括objectstorage.h和objectstorage.cpp的实现，以及http_request.h和http_request.cpp中HTTP客户端代码的编写。
摘要由CSDN通过智能技术生成

QT实现上传多文件和Json数据的进度条

这里功能主要是实现上传多个文件和Json数据同时上传，并显示上传的进度

采用请求方式：POST
类名：ObjectStorage

头文件：objectstorage.h

#ifndef OBJECTSTORAGE_H
#define OBJECTSTORAGE_H

#include <QWidget>
#include "http_request.h"
#include "qlistwidget.h"
#include "menu_control.h"

namespace Ui {
   
class ObjectStorage;
}
class ObjectStorage : public QWidget
{
   
    Q_OBJECT
    QThread HttpObjSThread;
public:
    explicit ObjectStorage(QWidget *parent = nullptr);
    ~ObjectStorage();
    //设置token和api url 并获取域名商列表
    void start_objectStorage();
    //设置disable选项框
    void set_checkbox_disabled(QString corporation,QString account_name,QString bucket_name);

private:
    Ui::ObjectStorage *ui;
    //HTTP客户端
    Http_request *http_client;
    const QString api_url = Menu_control::init_maps["api_url"];
    const QString username=Menu_control::u_username;
    const QString token = Menu_control::u_token;
    const QList<qint32>permission_list = Menu_control::permission_list;

    //请求
    enum class BUTTON_CLICK{
   no_action,get_corporation_list,get_account_list,get_bucket_list,get_bucket_file_list,
                            get_current_bucket_path_list,get_download_file, post_upload_file,put_mkdir_or_del};
    struct HTTP_QUEUE
    {
   
        BUTTON_CLICK action;
        qint32 queue_id;
    };
    QList<HTTP_QUEUE>http_queue;
    //clean
    void clean_data();
    //搜索路径下的内容
    void current_bucket_path_list(QString path);

    //http请求队列
    qint32 get_queue_id();

signals:
    void http_get(QString url,qint32 queue_id);
    void http_download(QString url, QString save_file_path, qint32 queue_id);
    //提交数据信号
    void http_put(QString url,QJsonObject data);
    //上传文件
    void http_upload(QString url,QJsonObject data);

private slots:
    //获取运营商下的所有账号
    void on_corporation_comboBox_activated(int index);
    //获取账号下的所有bucket
    void on_account_comboBox_activated(int index);

    //获取数据结束
    void http_get_finished(bool status,QJsonObject data);
    //提交数据请求结束
    void http_put_finished(bool status,QJsonObject data);
    //下载文件结束
    void http_download_or_upload_finished(bool status, QJsonObject data);

    //查询单个bucket下所有文件
    void on_current_bucket_comboBox_activated(int index);
    //复制源站链接
    void on_copy_source_link_pushButton_clicked();
    //复制加速站链接
    void on_copy_acclerate_link_pushButton_clicked();
    //返回上一层目录
    void on_previous_path_pushButton_clicked();

    //点击ListWidgetItems信号槽
    void click_items(QListWidgetItem *item);
    //下载文件
    void on_download_file_pushButton_clicked();
    //上传文件
    void on_upload_file_pushButton_clicked();
    //刷新当前路径文件
    void on_current_path_pushButton_clicked();
    //新建目录
    void on_mkdir_pushButton_clicked();
    //删除bucket对象
    void on_delete_bucket_object_pushButton_clicked();
    //下载上传进度条
    void update_progressbar(qint64 bytesReceived_or_sent, qint64 bytesTotal);
};

#endif // OBJECTSTORAGE_H


源文件：objectstorage.cpp

#include "objectstorage.h"
#include "ui_objectstorage.h"
#include "ui_helper.h"
#include "core_common.h"
#include "base64.h"


ObjectStorage::ObjectStorage(QWidget *parent)
    : QWidget{
   parent},
    ui(new Ui::ObjectStorage)
{
   
    ui->setupUi(this);
    ui->save_file_label->setText(QDir::homePath()+QString("/Downloads/"));
    ui->handle_progressBar->setValue(0);
    http_client = new Http_request();
    http_client->set_exist_token(token);

    //建立信号槽
    //GET信号
    connect(this,&ObjectStorage::http_get,http_client,&Http_request::http_get);
    connect(http_client,&Http_request::http_get_finished,this,&ObjectStorage::http_get_finished);  

    //PUT信号
    connect(this,&ObjectStorage::http_put,http_client,&Http_request::http_put);
    connect(http_client,&Http_request::http_put_finished,this,&ObjectStorage::http_put_finished);

    //下载
    connect(this,&ObjectStorage::http_download,http_client,&Http_request::http_download);
    connect(http_client,&Http_request::http_download_finished,this,&ObjectStorage::http_download_or_upload_finished);

    //上传
    connect(this,&ObjectStorage::http_upload,http_client,&Http_request::http_upload);
    connect(http_client,&Http_request::http_upload_finished,this,&ObjectStorage::http_download_or_upload_finished);

    //进度条
    connect(http_client,&Http_request::updateProgressBar,this,&ObjectStorage::update_progressbar);

    //线程开始
    http_client->moveToThread(&HttpObjSThread);
    //线程关闭
    connect(&HttpObjSThread,&QThread::finished,http_client,&QObject::deleteLater);
    //线程开始
    HttpObjSThread.start();

    //QListWidget信号槽
    connect(ui->object_listWidget,&QListWidget::itemClicked,this,&ObjectStorage::click_items);
}

ObjectStorage::~ObjectStorage(){
   
    http_client = nullptr;
    delete http_client;
    HttpObjSThread.quit();
    HttpObjSThread.wait();
    delete ui;
}

//获取随机请求id
qint32 ObjectStorage::get_queue_id(){
   
    return QRandomGenerator::global()->bounded(1, 9999999);
}

//设置token和api url 并获取域名商列表
void ObjectStorage::start_objectStorage(){
   
    QByteArray byte_data = QString(
                "{\"t_time\":%1,\"function_id\":%2,\"random_str\":\"%3\"}"
                ).arg(Core_common::get_timestamp(),QString::number(3),Core_common::get_random_str(15)).toLocal8Bit();
    QString data = MyBase64::get_base64_encode_2(byte_data.toHex());

    QtConcurrent::run([=]{
   
        HTTP_QUEUE action;
        qint32 queue_id = get_queue_id();
        action.action = BUTTON_CLICK::get_corporation_list;
        action.queue_id = queue_id;
        http_queue<<action;
        emit http_get(api_url+"api/cloud/oss?account_name="+data+"&common_area=3382210&lang=zh_cn",queue_id);
    });
}
//设置运营商，账户，bucket
void ObjectStorage::set_checkbox_disabled(QString corporation,QString account_name,QString bucket_name){
   
    ui->corporation_comboBox->addItem(corporation);
    ui->corporation_comboBox->setCurrentText(corporation);
    ui->corporation_comboBox->setDisabled(true);
    ui->account_comboBox->addItem("");
    ui->account_comboBox->addItem(account_name);
    ui->account_comboBox->setCurrentText(account_name);
    ui->account_comboBox->setDisabled(true);
    ui->current_bucket_comboBox->addItem("");
    ui->current_bucket_comboBox->addItem(bucket_name);
    ui->current_bucket_comboBox->setDisabled(true);
    ui->current_bucket_comboBox->setCurrentText(bucket_name);
    ui->current_path_lineEdit->setText("/");
    on_current_path_pushButton_clicked();
}

// 运营商选项栏信号槽 ->查询运营商下所有账户
void ObjectStorage::on_corporation_comboBox_activated(int index)
{
   
    ui->account_comboBox->clear();
    ui->current_bucket_comboBox->clear();
    clean_data();
    if (index == 0){
   
        return ;
    }

    QByteArray byte_data = QString(
                "{\"t_time\":%1,\"function_id\":%2,\"platform\":\"%3\",\"random_str\":\"%4\"}"
                ).arg(Core_common::get_timestamp(),QString::number(4),ui->corporation_comboBox->itemText(index),Core_common::get_random_str(15)).toLocal8Bit();
    QString data = MyBase64::get_base64_encode_2(byte_data.toHex());

    QtConcurrent::run([=]{
   
        HTTP_QUEUE action;
        qint32 queue_id = get_queue_id();
        action.action = BUTTON_CLICK::get_account_list;
        action.queue_id = queue_id;
        http_queue<<action;
        emit http_get(api_url+"api/cloud/oss?account_name="+data+"&common_area="+queue_id+"&lang=zh_cn",queue_id);
    });
}

//获取账号下的所有bucket
void ObjectStorage::on_account_comboBox_activated(int index)
{
   
    ui->current_bucket_comboBox->clear();
    clean_data();
    if((index == 0) | (ui->corporation_comboBox->currentIndex() == 0) ){
   return;}

    QByteArray byte_data = QString(
                "{\"t_time\":%1,\"function_id\":%2,\"platform\":\"%3\",\"account_name\":\"%4\",\"random_str\":\"%5\"}"
                ).arg(Core_common::get_timestamp(),QString::number(5),ui->corporation_comboBox->currentText(),ui->account_comboBox->itemText(index),
                      Core_common::get_random_str(15)).toLocal8Bit();
    QString data = MyBase64::get_base64_encode_2(byte_data.toHex());

    QtConcurrent::run([=]{
   
        HTTP_QUEUE action;
        qint32 queue_id = get_queue_id();
        action.action = BUTTON_CLICK::get_bucket_list;
        action.queue_id = queue_id;
        http_queue<<action;
        emit http_get(api_url+"api/cloud/oss?account_name="+data+"&common_area=3382210&lang=zh_cn",queue_id);
    });
}


//获取bucket下目录查询
void ObjectStorage::on_current_bucket_comboBox_activated(int index)
{
   
    clean_data();
    if(index == 0){
   return;}
    QByteArray byte_data = QString(
                               "{\"t_time\":%1,\"function_id\":%2,\"platform\":\"%3\",\"account_name\":\"%4\",\"bucket_name\":\"%5\",\"random_str\":\"%6\"}"
                               ).arg(Core_common::get_timestamp(),QString::number(6),ui->corporation_comboBox->currentText(),
                                    ui->account_comboBox->currentText(),ui->current_bucket_comboBox->itemText(index),Core_common::get_random_str(15)).toLocal8Bit();
    QString data = MyBase64::get_base64_encode_2(byte_data.toHex());

    QtConcurrent::run([=]{
   
        HTTP_QUEUE action;
        qint32 queue_id = get_queue_id();
        action.action = BUTTON_CLICK::get_bucket_file_list;
        action.queue_id = queue_id;
        http_queue<<action;
        emit http_get(api_url+"api/cloud/oss?account_name="+data+"&common_area=3382210&lang=zh_cn",queue_id);
    });
}

//清理数据
void ObjectStorage::clean_data(){
   
    ui->object_listWidget->clear();
    ui->current_bucket_location_label->clear();
    ui->current_path_lineEdit->clear();
    ui->copy_source_link_lineEdit->clear();
    ui->copy_accelerate_link_lineEdit->clear();
    ui->download_click_file_label->clear();
    ui->handle_progressBar->setValue(0);
    ui->upload_console_plainTextEdit->clear();
}

//复制源站链接
void ObjectStorage::on_copy_source_link_pushButton_clicked()
{
   
    QClipboard *clip = QApplication::clipboard();
    clip->setText(ui->copy_source_link_lineEdit->text());
}

//复制加速源链接
void ObjectStorage::on_copy_acclerate_link_pushButton_clicked()
{
   
    QClipboard *clip = QApplication::clipboard();
    clip->setText(ui->copy_accelerate_link_lineEdit->text());
}

//返回上一层目录
void ObjectStorage::on_previous_path_pushButton_clicked()
{
   
    ui->download_click_file_label->clear();
    QString current_path = ui->current_path_lineEdit->text();
    if(current_path.isEmpty()){
   
        return;
    }
    if(current_path == "/"){
   
        UI_helper::showMessageBox("Warning","已是最顶层目录，\nThe currently is the topmost directory",2);
        return;
    }
    //查找倒数第二次出现所在的位置,字符串截断，截取到所在位置
    current_bucket_path_list(current_path.mid(0,(current_path.lastIndexOf("/",-2))+1));
}

//点击ListWidget中单个items信号槽
void ObjectStorage::click_items(QListWidgetItem *item){
   
    QString item_name = item->text();
    if(item_name.contains("/")){
   
        QString current_path = ui->current_path_lineEdit->text();
        current_path+=item_name;
        current_bucket_path_list(current_path);
    }else{
   
        ui->download_click_file_label->setText(item_name);
        QString current_source_link = ui->copy_source_link_lineEdit->text();
        current_source_link = current_source_link.mid(0,(current_source_link.lastIndexOf("/",-1)+1));
        ui->copy_source_link_lineEdit->setText(current_source_link+item_name);
        QString current_accelerate_link = ui->copy_accelerate_link_lineEdit->text();
        current_accelerate_link = current_accelerate_link.mid(0,(current_accelerate_link.lastIndexOf("/",-1)+1));
        ui->copy_accelerate_link_lineEdit->setText(current_accelerate_link+item_name);
    }
}

//搜索路径下的内容
void ObjectStorage::current_bucket_path_list(QString path){
   
    ui->object_listWidget->clear();
    ui->upload_console_plainTextEdit->clear();
    QByteArray byte_data = QString(
                               "{\"t_time\":%1,\"function_id\":%2,\"platform\":\"%3\",\"account_name\":\"%4\",\"prefix\":\"%5\","
                               "\"bucket_name\":\"%6\",\"random_str\":\"%7\"}"
                               ).arg(Core_common::get_timestamp(),QString::number(7),ui->corporation_comboBox->currentText(),
                                    ui->account_comboBox->currentText(),path,ui->
最低0.47元/天 解锁文章
weixin_101
关注
专栏目录
thinkphp6/8 - 前端 layui 上传图片、视频、文档文件带进度条功能效果，tp6 实现前端上传文件与前端实时监听上传百分比进度（详细示例前端+后端源码，一键复制开箱即用）
高级前端工程师
10-11 1332
php tp6 thinkphp 上传图片视频word ppt excel文件文档，thinkphp6+layui，thinkphp+layui 文件上传显示进度条，layui上传展示进度条，使用layui上传文件时显示进度条，layui+thinkphp实现上传文件并实时显示进度条详细教程，tp6后端配合前台ajax实现上传文件并且有进度条，thinkphp+ajax上传文件显示上传进度及进度条样式，layui多文件上传分别显示对应文件的进度，php thinkphp+layui上传文件展示进度条，上传o
LayUI多文件上传+进度条展示
qq_25884459的博客
07-23 3803
获取进度条数据需要更改layui.all.js 或 upload.js 本文修改的为upload.js 本文参考 https://www.cnblogs.com/yangguoe/p/9066884.html 进度条渲染Bug https://blog.csdn.net/qq_36311372/article/details/82117417 Layui文件上传 upload 扩展需更改 在p....
Qt5.8用FTP实现文件上传和下载（带进度条）
热门推荐
Informaticien trilingue的博客
08-25 2万+
Qt5.8用FTP实现文件上传和下载（带进度条）本文基于Qt5.8利用FTP协议实现文件的上传和下载。 本人所使用的FTP服务器端的操作系统为Linux(Ubuntu），编写QT代码的客户端的操作系统为Windows - 1. UI界面 - 2. 修改.pro文件 - 3. 头文件代码 - 4. 源文件代码（上传，下载，进度条）
QT 实现选择文件并上传显示进度条，tcp传输
zcc的博客
04-24 4215
Qt 实现选择文件 上传，进度条，客户端 .cpp： #include "filesetdialog.h" #include "ui_filesetdialog.h" #include <string> //string #include <iostream> // cout #include <QString> #include <QTextCodec> FileSetDialog::FileSetDialog(QWidget *parent): .
使用qt中的json类，封装http请求和解析http请求
最新发布
m0_72613306的博客
08-11 369
【代码】使用qt中的json类，封装http请求和解析http请求。
总结：ajax多文件上传，带进度条，前端篇
qq_29238009的博客
08-28 4937
前言： 之前写过一个文件上传的模块，但是是多个input上传的，而且使用的是jQuery.form打包上传的，这样子就觉得还是有点不太方便。 1.提交的时候需要将整个form提交上去，换句话说就是需要将要提交的内容使用form将内容包括起来 2. 文件input虽然可以在页面上设置增减功能的办法调整文件数量，但是一般会设置上限（例如最多添加10个
上传文件，带进度条（可以多文件上传）
weixin_30691871的博客
09-28 155
<script src="~/Scripts/jquery-1.9.1.min.js"></script> <link href="~/Scripts/1/bootstrap.css" rel="stylesheet" /> <link href="~/Scripts/1/webuploader.css" rel="stylesheet" /&gt...
【文件上传系列】No.1 大文件分片、进度图展示（原生前端 + Node 后端 & Koa）
Lovely Ruby 的手账
12-02 1326
效果展示效果展示 先在页面上写几个组件用来获取文件。 功能函数：生成切片 切分文件的核心函数是 ，没错，就是这么的神奇啊我们把切好的 放到数组里，等待下一步的包装处理 功能函数：请求逻辑 在这里简单封装一下 功能函数：上传切片 可以在请求中看到有很多个请求并发的上传自己简单撸了几个 cube 进度条 后端 获取 chunk 切片文件 先把上传的接口写好 写完这些就可以拿到 先写一个接口，用来拿到 、 合并分片的功能函数 然后开始合并 接着就是写入流 至此一个基本的逻辑上传就做好了！这个情况分析了
ajax实现下载文件进度条及方法详解
a576890883的博客
09-24 7003
javascript使用ajax下载文件进度条实现 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script sr...
java httpclient 进度条_SpringBoot如何实现一个实时更新的进度条的示例代码
weixin_39732534的博客
02-13 440
前言博主近期接到一个任务，大概内容是：导入excel表格批量修改状态，期间如果发生错误则所有数据不成功，为了防止重复提交，做一个类似进度条的东东。那么下面我会结合实际业务对这个功能进行分析和记录。正文思路前端使用bootstrap，后端使用SpringBoot分布式到注册中心，原先的想法是导入表格后异步调用修改数据状态的方法，然后每次计算修改的进度然后存放在session中，前台jquery写定时...
Qt 文件拷贝带进度条显示
04-30
原创demo，仅供交流学习。
同时上传多个文件实现，带进度条（完整代码）
w199809w的博客
04-03 594
原因是不能这样写var a = $("#formData");可能这和js底层代码有关，不能适配。先简单来定义一个表单，注意加enctype=“multipart/form-data”，表示是上传组件。后端用流来接收，没啥好说的。注意自己在c盘下面创建一个a1872文件夹，当然路劲可以改。从请求中拿到所有的文件，逐个保存就行了。定义js: 可能有的小伙伴会报错。
Element｜Upload结合Progress实现上传展示进度条
Mr.小灰狼_随笔
01-11 8807
Element｜Upload结合Progress实现上传展示进度条 背景 ： 项目里的 附件上传 题型组件，用户在上传过程中，如果文件较大，上传过程较慢，而又没有一个类似 Loading... 的加载过程的话，会显得干愣愣的，用户体验较差，所以需要添加一个进度条来提示用户上传的进度，下面有两种方式，一种假的，一种真的，伙伴们可根据需求自行选取实现。
Qt笔记(七十一)之QWebSocket传输多文件 进度条显示
我是黄同学博客
06-08 758
QWebSocket传输多文件 进度条显示
vue上传文件时显示进度
m0_73481765的博客
01-10 1290
在这个示例中，我们使用FormData对象将多个文件添加到XMLHttpRequest请求的body中。然后，我们监听XMLHttpRequest对象的上传进度事件，通过计算已上传文件的大小和总文件大小的比例来更新进度条和进度百分比。注意，我们使用了一个数组来存储每个文件的上传进度百分比，以便在模板中循环渲染每个文件的进度条。在Vue中上传多个文件并实时刷新进度条，可以通过使用HTML5的File API和XMLHttpRequest对象来实现。
Qt5.8用HTTP实现文件上传和下载（带进度条）
Informaticien trilingue的博客
08-25 2万+
Qt5.8用HTTP实现文件上传和下载（带进度条）本文基于Qt5.8利用FTP协议实现文件的上传和下载。 本人所使用的HTTP服务器端的操作系统为Linux(Ubuntu），编写QT代码的客户端的操作系统为Windows.重要声明： 由于QT5.4版本之前和之后所提供的的类的差别非常大，所以请参考本文的读者确保您自己的Qt版本>=5.4。我们主要使用的类QNetWorkAccessManager从5
Qt 拷贝文件设置进度条，获取文件夹下的文件个数 （***）
ken2232的博客
07-20 539
qt 拷贝文件设置进度条
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值