文件上传操作

最新推荐文章于 2022-07-20 16:36:19 发布
最新推荐文章于 2022-07-20 16:36:19 发布
阅读量114 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45318105/article/details/107093197
版权

原始的文件上传

在这里插入图片描述
form_test\urls.py

from django.conf.urls import url
from django.urls import re_path

from form_test import views

urlpatterns = [
    url(r'^first/$', views.page_form_first),
    # 用户登录
    url(r'^user/login$', views.user_login, name='user_login'),
    # 用户注册
    url(r'^user/register$', views.user_register, name='user_register'),
    # 从模型创建表单
    url(r'^user/edit$', views.user_edit, name='user_edit'),

    # 文件上传
    url(r'^file/upload/origin$', views.file_upload_origin, name='file_upload_origin'),
]

form_test\views.py

def file_upload_origin(request):
    """ 原始的文件上传 """
    if request.method == 'POST':
        # 获取上传的文件对象 二进制
        file = request.FILES.get('avatar',None)
        filename = os.path.join(settings.MEDIA_ROOT, 'test.jpg')
        with open(filename, 'wb+') as f:
            for chunk in file.chunks():
                f.write(chunk)
        print('上传成功')
    return render(request,'file_upload_origin.html',{

    })

form_test\templates\file_upload_origin.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>原始的文件上传</title>
</head>
<body>
    <form action="#" method="post" enctype="multipart/form-data">
        <input type="file" name="avatar">
        <input type="submit" value="开始上传">
    </form>
</body>
</html>

在这里插入图片描述

结合ORM模型文件上传

form_test\urls.py

from django.conf.urls import url
from django.urls import re_path

from form_test import views

urlpatterns = [
    url(r'^first/$', views.page_form_first),
    # 用户登录
    url(r'^user/login$', views.user_login, name='user_login'),
    # 用户注册
    url(r'^user/register$', views.user_register, name='user_register'),
    # 从模型创建表单
    url(r'^user/edit$', views.user_edit, name='user_edit'),

    # 文件上传
    url(r'^file/upload/origin$', views.file_upload_origin, name='file_upload_origin'),

    url(r'^file/upload/form$', views.file_upload_form, name='file_upload_form'),
]

form_test\forms.py

class AvatarUploadForm(forms.Form):
    """ 头像上传form """
    remark = forms.CharField(label='备注', max_length=32)
    avatar = forms.ImageField(label='头像')

form_test\views.py


def file_upload_form(request):
    """ 使用form表单实现文件上传 """
    if request.method == 'POST':
        form = AvatarUploadForm(request.POST, request.FILES)
        if form.is_valid():
            # 保存备注
            # 保存图片
            file = request.FILES.get('avatar', None)
            filename = os.path.join(settings.MEDIA_ROOT, 'test2.jpg')
            with open(filename, 'wb+') as f:
                for chunk in file.chunks():
                    f.write(chunk)
            print('上传成功')
    else:
        form = AvatarUploadForm()
    return render(request,'file_upload_form.html',{
        'form':form

    })

form_test\templates\file_upload_form.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用form表单实现文件上传</title>
</head>
<body>
    <form action="#" method="post" enctype="multipart/form-data">
        <input type="submit" value="开始上传">
        {{ form.as_p }}
    </form>
</body>
</html>

在这里插入图片描述

结合ORM模型文件上传(二）

form_test\urls.py

from django.conf.urls import url
from django.urls import re_path

from form_test import views

urlpatterns = [
    url(r'^first/$', views.page_form_first),
    # 用户登录
    url(r'^user/login$', views.user_login, name='user_login'),
    # 用户注册
    url(r'^user/register$', views.user_register, name='user_register'),
    # 从模型创建表单
    url(r'^user/edit$', views.user_edit, name='user_edit'),

    # 文件上传
    url(r'^file/upload/origin$', views.file_upload_origin, name='file_upload_origin'),

    url(r'^file/upload/form$', views.file_upload_form, name='file_upload_form'),
    url(r'^file/upload/weibo$', views.file_upload_weibo, name='file_upload_weibo'),
]

form_test\forms.py

class WeiboImageForm(forms.ModelForm):
    """ 微博图片上传 """

    content = forms.CharField(label='微博内容', max_length=256,widget=forms.Textarea(attrs={
        'placeholder':'请输入微博内容'
    }))

    class Meta:
        model = WeiboImage
        fields = ['image']

    def save(self, user, commit=False):
        # 先不保存到数据库，先得到对象，接下来对这个对象进行修改，然后在保存
        obj = super().save(commit)

        data = self.cleaned_data
        content = self.cleaned_data['content']
        # 1. 创建微博的记录
        weibo = Weibo.objects.create(user=user, content=content)
        # 2. 修改微博关联关系
        obj.weibo = weibo
        obj.save()
        return obj

form_test\views.py

def file_upload_weibo(request):
    """ 发送微博带图片 """
    user = WeiboUser.objects.get(pk=1)
    if request.method == 'POST':
        form = WeiboImageForm(request.POST, request.FILES)
        if form.is_valid():
            obj = form.save(user, False)
            print('保存成功',obj.pk)
    else:
        form = WeiboImageForm()
    return render(request, 'file_upload_weibo.html',{
        'form':form
    })

form_test\templates\file_upload_weibo.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>带图片的微博发布</title>
</head>
<body>
<h3>发布微博</h3>
<form action="#" method="post" enctype="multipart/form-data">
    {{ form.as_p }}
    <input type="submit" value="发布微博">
</form>

</body>
</html>

在这里插入图片描述

weixin_45318105
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
上传操作
weixin_30681121的博客
05-02 81
jsp 页面代码 <div class="form-line"> <input type="button" value="图片上传" onclick="$('#image').click()" class="btn btn-defult"> <input name="url" id="image1" type="hidden"> <input i...
文件上传基本操作
yunduan1210的博客
11-05 315
1.创建一个磁盘文件项工厂对象  DiskFileItemFactory diskFileItemFactory = new DiskFileItemFactory(); 2.创建一个核心解析类 ServletFileUpload servletFileUpload = new ServletFileUpload(diskFileItemFactory); 3.解析request请求，返回
上传文件的基本操作
dianzhongqu2330的博客
02-20 155
一、上传文件的前端代码比较简单，只需要在form表单中加入 enctype="multipart/form-data"，然后就可以实现上传文件的操作 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Conten...
servlet3文件上传操作
08-28
Servlet3文件上传操作 Servlet3文件上传操作是指在Servlet3.0中实现文件上传功能的相关技术。下面将对Servlet3文件上传操作的相关知识点进行详细的介绍。 一、Servlet3.0文件上传的优势 在Servlet2.5中，实现文件...
TP3.2.3框架文件上传操作实例详解
12-20
本文实例讲述了TP3.2.3框架文件上传操作。分享给大家供大家参考，具体如下： 上传表单 在ThinkPHP中使用上传功能无需进行特别处理。例如，下面是一个带有附件上传的表单提交： <form action="__URL__/upload" ...
PHP文件上传操作实例详解
10-21
PHP文件上传操作是Web开发中常见的功能之一，允许用户通过表单上传文件到服务器。在处理PHP文件上传操作时...通过综合考虑这些知识点，开发者可以构建起一个既方便用户上传文件，又能够确保服务器安全的文件上传操作。
PHP实现文件上传操作和封装
10-15
在进行PHP文件上传操作时，主要分为前端和服务器后端两个部分。前端负责创建上传表单并处理用户交互，后端则负责接收文件并进行处理。 首先，在前端部分，通过一个HTML表单来让用户选择文件并提交到服务器。这个...
文件的操作，如何做文件上传
weixin_30535843的博客
01-12 194
上传就是本地的文件，比如说一张图片放到服务器上 先做一个form表单 <form action="shangchuan.php" method="post" enctype="multipart/form-data"> <input type="file" name="file" /> <input type="submit" value=...
文件的操作上传
quanbugu的博客
10-26 279
使用 jQuery ocupload 上传核心代码 $("#button-delete").upload({ action : '../../area_batchImport.action', onComplete :function(response){ //选中文件后关闭 this.autoSubmit = false;
文件上传基础详解
Nailaoyyds的博客
07-20 2436
前言tips*如果我们在使用蚁剑发现了返回值为空说明一句话木马语法错误，如果我们发现返回值是一串乱码则是链接地址填写错误*
一个按钮完成前台上传文件操作
Mr Mirror的博客
08-21 1万+
我们都知道，前台选择文件，只能通过input的file类型的文件选择框操作。但有时却为了界面的美观，要求用按钮来完成。 第一步、隐藏文件选择框 第二步、设置按钮事件onclick，触发文件选择框事件           第三步、选择文件后自动上传，触发文件选择时事件onchange 第四步，使用插件上传，插件有很多，大家可以网上找，我这边用的是jquery.form.js插件（ht
AppCan的图片、文件操作、上传、下载操作 From Ken
weixin_30271335的博客
12-07 301
<!DOCTYPE html> <html class="ui-mobile landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px"> <head> <title> </title> ...
Django自定义图片和文件上传路径(upload_to)的2种方式
热门推荐
大江狗
06-20 3万+
最近在做一个仿知乎网站的项目了，里面涉及很多图片和文件上传。趁此机会我给大家总结下Django自定义图片和文件上传路径的2种方式吧。 方法1: 在Django模型中定义upload_to选项。 Django模型中的ImageField和FileField的upload_to选项是必填项，其存储路径是相对于MEIDA_ROOT而来的。 我们来看一个简单案例（如下所示)。如果你的ME...
上传文件的几种主要方法。
weixin_50377234的博客
05-31 1万+
上传文件的几种主要方法。 第一种：经典的form和input上传。 设置form的aciton为后端页面，enctype=“multipart/form-data”，type=‘post’ <form action='uploadFile.php' enctype="multipart/form-data" type='post'> 　　<input type='file'> 　　<input type='hidden' name='userid'> 　　<inpu
Django+jQuery cropper实现用户头像裁剪, 预览和上传[原创]
大江狗
08-03 2738
学习Django的最终目的还是应用，尤其是漂亮的应用。今天小编我要教你利用Django开发一个经典的用户头像上传和变更的app，主要实现以下功能场景。 用户点击现有头像，弹出一个图片上传和编辑窗口。 用户上传图片，对图片进行缩放和裁剪，并可以预览编辑过的头像。 用户点击确认上传，保存编辑过后的图片，并实时更新头像。   这个小应用的功能不亚于知乎，百度和CSDN上用...
文件上传操作（MultipartFile 接口） 案例
weixin_50029329的博客
09-29 3713
文件VO返回值对象： package com.jt.vo; import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor; import lombok.experimental.Accessors; import java.io.Serializable; @Data @Accessors(chain = true) @NoArgsConstructor @AllArgsConstructor
如何使用java Swing 实现文件上传操作
最新发布
09-04
### 回答1： 使用java Swing实现文件上传操作，首先需要使用JFileChooser组件实现文件选择，然后使用URLConnection和HttpURLConnection来发送文件数据，最后使用InputStream进行流的读取和写入操作即可实现文件上传操作。 ### 回答2： 使用Java Swing实现文件上传操作可以通过以下步骤实现： 1. 创建一个Swing界面，包含选择文件按钮、上传按钮和文件名显示框等组件。 2. 在选择文件按钮的事件监听中，使用JFileChooser弹出文件选择框。用户可以选择要上传的文件。 3. 在上传按钮的事件监听中，获取用户选择的文件路径。 4. 使用File和FileInputStream打开选择的文件，并将其读入到字节数组中。 5. 创建一个Socket连接到服务器的指定端口，并将文件内容以字节数组的形式通过Socket发送到服务器。 6. 在服务器端创建一个ServerSocket并监听指定端口，接受客户端的连接。然后使用InputStream和FileOutputStream将接收到的文件内容写入到指定目录。 7. 在客户端和服务器端都需要实现错误处理，包括连接中断、文件不存在等异常情况的处理。 8. 在上传过程中可以实现进度条显示上传进度。 通过以上步骤，可以使用Java Swing实现文件上传操作。注意，这只是一个基本的文件上传实现，实际应用中还需要处理更多细节和异常情况。 ### 回答3： 使用Java Swing实现文件上传操作可以按照以下步骤进行： 1. 创建一个Swing的用户界面，可以使用JFileChooser组件来实现文件选择功能。通过调用JFileChooser的showOpenDialog方法，可以弹出一个文件选择对话框，用户可以选择上传的文件。 2. 获取用户选择的文件路径，可以使用JFileChooser的getSelectedFile方法获得用户选择的文件的File对象。 3. 创建一个上传按钮，并为上传按钮添加监听事件。在监听事件中，获取用户选择的文件，然后将文件上传到服务器。 4. 在监听事件中，使用IO流将文件传输到服务器。可以使用FileInputStream来读取文件内容，并使用Socket将文件内容发送到服务器。 5. 在服务器端实现接收文件的功能，可以使用ServerSocket监听指定端口，然后使用Socket的accept方法接收客户端发送的文件内容。 6. 服务器接收到文件内容后，可以使用FileOutputStream将文件内容写入服务器的文件系统中，保存上传的文件。 7. 在客户端和服务器端都需要处理异常情况，如文件不存在、网络连接异常等。可以使用try-catch语句来捕获异常，并进行相应的处理。 通过以上步骤，我们就可以使用Java Swing实现文件上传操作。需要注意的是，文件上传操作涉及到网络传输和文件操作，需要确保网络连接正常和有相应的权限支持。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值