uni-app的工程文件结构

Root

|- common / utils //存放自己封装的工具类等文件（比如base-util.js、storage-key.js文件）。

|- components //uni-app组件目录。

|----- comp-a.vue //可复用的a组件。

|- wxcomponents //存放小程序组件的目录，也可合并到components里面。

|- hybrid //存放本地网页的目录。

|- platforms //存放各平台专用页面的目录。

|- pages //存放业务页面文件的目录。

|----- index

|--------- index.vue //index页面。

|----- mine

|--------- mine.vue //我的页面。

|- static //存放应用引用静态资源（如图片、视频等）的目录。注意：静态资源只能存放于此。

|- main.js //Vue初始化入口文件。

|- App.vue //用来配置App全局样式以及实现应用生命周期事件。

|- manifest.jspn//配置应用名称、appId、logo、版本等打包信息。

|- pages.json //配置页面路由、导航条、选项卡等页面类信息。

|- uni.scss//此文件是为了方便整体控制应用的风格（比如按钮颜色、边框风格）。

|- unpackage //打包目录，用于存放各个平台的打包文件。

使用uview框架上传，具体的方法就是使用uni.uploadFile()方法上传

```

<template>

<view style="color: #6e6e6e">

<view class="u-p-t-30 u-p-b-10">

上传图片:

</view>

<!-- <u-upload :action="action" :file-list="fileList"></u-upload>-->

<u-upload :before-upload="beforeUpload"></u-upload>

</view>

</template>

<script>

export default {

data() {

return {}

},

onLoad: function(options) {

// console.log(options)

},

methods: {

beforeUpload(index, list) {

console.log(list[index])

uni.uploadFile({

url: '---------------',// api地址

filePath: list[index].url, // 本地上传完成后的路径

name: 'file', // 默认

header: {

"Content-Type": "multipart/form-data", // formdata提交格式

"Authorization": 'Bearer ' + uni.getStorageSync('token') // token验证

},

formData: {  // 其他的formdata参数

fileType: '2',

fileContainerName: 'default'

},

success: function(uploadFileRes) {

console.log('success', JSON.parse(uploadFileRes.data))

}

})

}

}

}

</script>

<style lang="scss">

</style>

```

---