太阳集团tyc5997|官网【中国】有限公司

如何在某视频剪辑软件表单中处理图片
  • 作者:admin
  • 发表时间:2021-01-28 07:52
  • 来源:未知

这篇文章主要介绍了如何在某视频剪辑软件表单中处理图片,帮助大家更好的理解和使用某视频剪辑软件框架,感兴趣的朋友可以了解下

问题:

我在某视频剪辑软件中有一个形成表单,用于上传博客帖子,它有标题、正文、描述、片段和图片等范围。所有的一切都是必需的。我在表达中设置了一个应用程序接口来处理这个问题。我在邮递员中测试正常,但是我不知道如何通过浏览器将文件发送给数据库。我一直收到500 错误,并且我将数据打印到控制台,而图片字段为空,所以我确信这就是问题所在,但我就是搞不清楚怎么办。

这是我前端页面的形成表单:

模板

div class='container '

div id='nav '

adminnav/

/div

div id='create '

氕创建新帖子/h1

/div

div id='post '

身体

形成

='title'Title:的标签/标签

文本区域v-model=formdata。标题行=' 5 '列=' 60 '名称='标题'

占位符='输入文本'

/textarea

br/

='body'Body:的标签/标签

文本区域v-model=表单数据。正文行=' 5 '列=' 60 '名称='正文'

占位符='输入文本'

/textarea

br/

='描述'的标签描述:/标签

文本区域v-model=表单数据。描述行=' 5 '列=' 60 '名称='描述'

占位符='输入文本'

/textarea

br/

Snippet: '的标签/标签

文本区域v-model=表单数据。片段行=' 5 '列=' 60 '名称='片段'

占位符='输入文本'

/textarea

br/

='文件'的标签上传照片:/标签

输入

class='form-control-file '

type='file '

accept='image/* '

v-bind='formdata.photo '

/

br/

输入id='s唐山网络推广“ubmit”类型=“submit”值=“submit ”@单击。阻止=' createPOSt()'/

/form

/body

/div

/div

/模板

剧本

从导入adminnav./components/adminnav。vue ';

从""导入邮政服务./service/PostServiCe ';

导出默认值{

名称: '创建历史,

组件: {

adminnav,

},

data() {

返回{

formdata: {

标题: ' ',

body: ' ',

描述: ' ',

snippet: ' ',

photo: null,

},

};

},

methods: {

createPost() {

控制台。log(这个。表单数据);

/* ESL int prefere-destruction : 0 */

const form data=this。表单数据;

PostServiCe。创建帖子(表单数据)。然后(()={

Baidu
sogou