这篇文章主要介绍了如何在某视频剪辑软件表单中处理图片,帮助大家更好的理解和使用某视频剪辑软件框架,感兴趣的朋友可以了解下
问题:
我在某视频剪辑软件中有一个形成表单,用于上传博客帖子,它有标题、正文、描述、片段和图片等范围。所有的一切都是必需的。我在表达中设置了一个应用程序接口来处理这个问题。我在邮递员中测试正常,但是我不知道如何通过浏览器将文件发送给数据库。我一直收到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。创建帖子(表单数据)。然后(()={