Upload ​

<script setup>
	
	import * as plus from '@/uni_modules/ux-plus'
	import { UxUploadFile } from '@/uni_modules/ux-frame';
	
	const title = ref('')
	
	const uxUploadRef = ref<UxUploadComponentPublicInstance | null>(null)
	
	const url = 'https://test.api.fdproxy.cn/file/upload/add'
	
	const url2 = 'http://jxqft.com:9000/shaokx'
	
	const files1 = ref<UTSJSONObject[]>([{
		id: '1',
		url: 'http://gips0.baidu.com/it/u=1690853528,2506870245&fm=3028&app=3028&f=JPEG&fmt=auto?w=1024&h=1024'
	},{
		id: '2',
		url: 'http://gips2.baidu.com/it/u=195724436,3554684702&fm=3028&app=3028&f=JPEG&fmt=auto?w=1280&h=960'
	}] )
	
	const files2 = ref<UTSJSONObject[]>([])
	
	const files3 = ref<UTSJSONObject[]>([])
	
	const files4 = ref<UTSJSONObject[]>([])
	
	const files5 = ref<UTSJSONObject[]>([])
	
	const formData = ref<UTSJSONObject>({
		'bucket': "shaokx",
		'key': "/newhouse/20240718102240.png",
		'policy': "eyJjb25kaXRpb25zIjpbWyJlcSIsIiRidWNrZXQiLCJzaGFva3giXSxbImVxIiwiJGtleSIsIi9uZXdob3VzZS8yMDI0MDcxODEwMjI0MC5wbmciXSxbImVxIiwiJHgtYW16LW1ldGEtZGVzY3JpcHRpb24iLCLmlYjmnpzlm74iXSxbImVxIiwiJHgtYW16LWRhdGUiLCIyMDI0MDcxOFQwMjIyNDBaIl0sWyJlcSIsIiR4LWFtei1hbGdvcml0aG0iLCJBV1M0LUhNQUMtU0hBMjU2Il0sWyJlcSIsIiR4LWFtei1jcmVkZW50aWFsIiwiS3ZxMnZoU3VCODZTeU1RalBPTVkvMjAyNDA3MTgvdXMtZWFzdC0xL3MzL2F3czRfcmVxdWVzdCJdXSwiZXhwaXJhdGlvbiI6IjIwMjQtMDctMTlUMDI6MjI6MDAuMjIyWiJ9",
		'x-amz-algorithm': "AWS4-HMAC-SHA256",
		'x-amz-credential': "Kvq2vhSuB86SyMQjPOMY/20240718/us-east-1/s3/aws4_request",
		'x-amz-date': "20240718T022240Z",
		'x-amz-meta-description': "效果图",
		'x-amz-signature': "650b89ad802c2aab3b05536b30c02b4ac5116454421e9662c0b4d1a69069f4c7"
	})
	
	function change1(files: UxUploadFile[]) {
		console.log(files);
	}
	
	function change2(files: UxUploadFile[]) {
		console.log(files);
	}
	
	function change3(files: UxUploadFile[]) {
		console.log(files);
	}
	
	function change4(files: UxUploadFile[]) {
		console.log(files);
	}
	
	function change5(files: UxUploadFile[]) {
		console.log(files);
	}
	
	function error(err: string) {
		uni.showToast({
			title: err,
			icon: 'none'
		})
	}
	
	function beforeUpload(path: string): UTSJSONObject | null {
		return null
	}
	
	function afterUpload(data: string):string {
		uni.hideLoading()
		let res = JSON.parseObject(data)
		let d = res?.getJSON('data')
		return d?.getString('url') ?? ''
	}
	
	async function beforeDel(index: number, file: UxUploadFile):Promise<boolean> {
		return new Promise<boolean>((resolve) => {
			uni.showModal({
				content: '确定删除吗？',
				success: (e) => {
					if(e.confirm) {
						resolve(true)
					} else {
						resolve(false)
					}
				}
			})
		})
	}
	
	function onPreview(index: number, files: UxUploadFile[]) {
		let arr = files.filter((e):boolean => e.status == 'success').map((e): string => e.path)
		
		uni.previewImage({
			urls: arr,
			current: index
		})
		
		// 视频未处理
	}
	
	function submit() {
		uni.showLoading({
			title: '上传中...',
		})
		uxUploadRef.value?.$callMethod('upload')
	}
	
	const showDoc = ref(false)
	function onDoc() {
		plus.openWeb({
			title: '在线文档',
			url: 'https://www.uxframe.cn/component/upload.html',
			// blur: 1,
			success: () => {
				showDoc.value = true
			},
			complete: () => {
				showDoc.value = false
			}
		})
	}
	
	onLoad((e) => {
		title.value = e['title'] ?? ''
	})
	
</script>

<script setup>
	
	import * as plus from '@/uni_modules/ux-plus'
	import { UxUploadFile } from '@/uni_modules/ux-frame';
	
	const title = ref('')
	
	const uxUploadRef = ref<UxUploadComponentPublicInstance | null>(null)
	
	const url = 'https://test.api.fdproxy.cn/file/upload/add'
	
	const url2 = 'http://jxqft.com:9000/shaokx'
	
	const files1 = ref<UTSJSONObject[]>([{
		id: '1',
		url: 'http://gips0.baidu.com/it/u=1690853528,2506870245&fm=3028&app=3028&f=JPEG&fmt=auto?w=1024&h=1024'
	},{
		id: '2',
		url: 'http://gips2.baidu.com/it/u=195724436,3554684702&fm=3028&app=3028&f=JPEG&fmt=auto?w=1280&h=960'
	}] )
	
	const files2 = ref<UTSJSONObject[]>([])
	
	const files3 = ref<UTSJSONObject[]>([])
	
	const files4 = ref<UTSJSONObject[]>([])
	
	const files5 = ref<UTSJSONObject[]>([])
	
	const formData = ref<UTSJSONObject>({
		'bucket': "shaokx",
		'key': "/newhouse/20240718102240.png",
		'policy': "eyJjb25kaXRpb25zIjpbWyJlcSIsIiRidWNrZXQiLCJzaGFva3giXSxbImVxIiwiJGtleSIsIi9uZXdob3VzZS8yMDI0MDcxODEwMjI0MC5wbmciXSxbImVxIiwiJHgtYW16LW1ldGEtZGVzY3JpcHRpb24iLCLmlYjmnpzlm74iXSxbImVxIiwiJHgtYW16LWRhdGUiLCIyMDI0MDcxOFQwMjIyNDBaIl0sWyJlcSIsIiR4LWFtei1hbGdvcml0aG0iLCJBV1M0LUhNQUMtU0hBMjU2Il0sWyJlcSIsIiR4LWFtei1jcmVkZW50aWFsIiwiS3ZxMnZoU3VCODZTeU1RalBPTVkvMjAyNDA3MTgvdXMtZWFzdC0xL3MzL2F3czRfcmVxdWVzdCJdXSwiZXhwaXJhdGlvbiI6IjIwMjQtMDctMTlUMDI6MjI6MDAuMjIyWiJ9",
		'x-amz-algorithm': "AWS4-HMAC-SHA256",
		'x-amz-credential': "Kvq2vhSuB86SyMQjPOMY/20240718/us-east-1/s3/aws4_request",
		'x-amz-date': "20240718T022240Z",
		'x-amz-meta-description': "效果图",
		'x-amz-signature': "650b89ad802c2aab3b05536b30c02b4ac5116454421e9662c0b4d1a69069f4c7"
	})
	
	function change1(files: UxUploadFile[]) {
		console.log(files);
	}
	
	function change2(files: UxUploadFile[]) {
		console.log(files);
	}
	
	function change3(files: UxUploadFile[]) {
		console.log(files);
	}
	
	function change4(files: UxUploadFile[]) {
		console.log(files);
	}
	
	function change5(files: UxUploadFile[]) {
		console.log(files);
	}
	
	function error(err: string) {
		uni.showToast({
			title: err,
			icon: 'none'
		})
	}
	
	function beforeUpload(path: string): UTSJSONObject | null {
		return null
	}
	
	function afterUpload(data: string):string {
		uni.hideLoading()
		let res = JSON.parseObject(data)
		let d = res?.getJSON('data')
		return d?.getString('url') ?? ''
	}
	
	async function beforeDel(index: number, file: UxUploadFile):Promise<boolean> {
		return new Promise<boolean>((resolve) => {
			uni.showModal({
				content: '确定删除吗？',
				success: (e) => {
					if(e.confirm) {
						resolve(true)
					} else {
						resolve(false)
					}
				}
			})
		})
	}
	
	function onPreview(index: number, files: UxUploadFile[]) {
		let arr = files.filter((e):boolean => e.status == 'success').map((e): string => e.path)
		
		uni.previewImage({
			urls: arr,
			current: index
		})
		
		// 视频未处理
	}
	
	function submit() {
		uni.showLoading({
			title: '上传中...',
		})
		uxUploadRef.value?.$callMethod('upload')
	}
	
	const showDoc = ref(false)
	function onDoc() {
		plus.openWeb({
			title: '在线文档',
			url: 'https://www.uxframe.cn/component/upload.html',
			// blur: 1,
			success: () => {
				showDoc.value = true
			},
			complete: () => {
				showDoc.value = false
			}
		})
	}
	
	onLoad((e) => {
		title.value = e['title'] ?? ''
	})
	
</script>