Commit de34e915 authored by nature's avatar nature

file组件大小问题修复

parent 3830a1ea
...@@ -25,6 +25,7 @@ ...@@ -25,6 +25,7 @@
<script> <script>
import ShowPicturePlugin from '../ShowPicture/index' import ShowPicturePlugin from '../ShowPicture/index'
import { toArray, readFile, isOversize, isImageDataUrl } from './utils' import { toArray, readFile, isOversize, isImageDataUrl } from './utils'
import {isFunction} from '../../common/utils'
import axios from 'axios' import axios from 'axios'
export default { export default {
...@@ -153,7 +154,7 @@ export default { ...@@ -153,7 +154,7 @@ export default {
onAfterRead (files, oversizeFiles) { onAfterRead (files, oversizeFiles) {
if (oversizeFiles.length) { if (oversizeFiles.length) {
this.$emit('oversize', toArray(oversizeFiles)) this.$emit('oversize', toArray(oversizeFiles))
files = files.filter(file => file.size <= this.maxSize) files = files.filter(item => item.file.size <= this.maxSize)
// return // return
} }
this.resetInput() this.resetInput()
...@@ -170,29 +171,33 @@ export default { ...@@ -170,29 +171,33 @@ export default {
onUploadFile () { onUploadFile () {
let vm = this let vm = this
if (this.upload) { if (this.upload) {
if (vm.uploadConfig) { if (vm.uploadConfig && vm.uploadFiles.length) {
let itemFile = vm.uploadFiles.pop() let itemFile = vm.uploadFiles.pop()
let url = vm.uploadConfig.uploadUrl let url = vm.uploadConfig.uploadUrl
let uploadParams = vm.uploadConfig.params let uploadParams = vm.uploadConfig.params
let uploadSuccess = vm.uploadConfig.uploadSuccess let uploadSuccess = vm.uploadConfig.uploadSuccess
let uploadHeader = vm.uploadConfig.headers || {}
let param = new FormData() let param = new FormData()
for (let key in uploadParams) { for (let key in uploadParams) {
param.append(key, uploadParams[key]) param.append(key, uploadParams[key])
} }
param.append('fileName', itemFile.file.name) param.append('fileName', itemFile.file.name)
param.append('file', itemFile.file) param.append('file', itemFile.file)
axios.post(url, param, { let headers = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded', 'Content-Type': 'application/x-www-form-urlencoded',
'Authorization': 'Bearer ' + window.localStorage.access_token, 'Authorization': 'Bearer ' + window.localStorage.access_token,
}, }
headers = Object.assign(headers, uploadHeader)
debugger
axios.post(url, param, {
headers: headers,
}).then(function (result) { }).then(function (result) {
/* vm.fileReadList.forEach((itemFile, index) => { /* vm.fileReadList.forEach((itemFile, index) => {
if (result.response && itemFile.file && !itemFile.attachment_id && result.response.fileName === itemFile.file.name) { if (result.response && itemFile.file && !itemFile.attachment_id && result.response.fileName === itemFile.file.name) {
itemFile.attachment_id = result.response.attachment_id itemFile.attachment_id = result.response.attachment_id
} }
}) */ }) */
if (uploadSuccess) { if (isFunction(uploadSuccess)) {
uploadSuccess(itemFile, result) uploadSuccess(itemFile, result)
} }
if (vm.uploadFiles.length > 0) { if (vm.uploadFiles.length > 0) {
......
...@@ -19,17 +19,17 @@ ...@@ -19,17 +19,17 @@
@upload="uploaded" @upload="uploaded"
@delete="deletePic" @delete="deletePic"
@oversize="oversize"> @oversize="oversize">
<div class="file-chose"> <!-- <div class="file-chose">
文件上传 <i class="icon ion-ios-cloud-upload"/> 文件上传 <i class="icon ion-ios-cloud-upload"/>
</div> </div>-->
</h-file> </h-file>
<list-item> <!-- <list-item>
<item> <item>
<div slot="name">融资额</div> <div slot="name">融资额</div>
<currency-input slot="content" v-model="money"/> <currency-input slot="content" v-model="money"/>
<div slot="right-icon">¥</div> <div slot="right-icon">¥</div>
</item> </item>
</list-item> </list-item>-->
</h-content> </h-content>
</h-view> </h-view>
</template> </template>
...@@ -56,6 +56,10 @@ export default { ...@@ -56,6 +56,10 @@ export default {
source_type: 'HLS_DOC_FILE_TEMPLET', source_type: 'HLS_DOC_FILE_TEMPLET',
pkvalue: 42, pkvalue: 42,
}, },
headers: {
'Content-Type': 'application/json',
'Authorization': '12312',
},
uploadSuccess: this.fileSuccess, // 上传成功后的回调函数 用于给文件添加服务端唯一标示或其他 uploadSuccess: this.fileSuccess, // 上传成功后的回调函数 用于给文件添加服务端唯一标示或其他
}, },
money: 2100.98, money: 2100.98,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment