Ссылка сайта: https://help.aliyun.com/document_detail/31926.html
< Шаблон > < DIV класс = "тест" > < DIV > < входной тип = "Файл" ID = "файл" имя = "Файл" /> < @ Выберите = "загрузить ()" HREF = "JavaScript :;" >上传</ > </ DIV > </ DIV > </ шаблон > < скрипт > }, установлен () { }это .getOssToken (); }, Методы: { // 获取上传通行证 getOssToken () { вар _self = это ; это . $ http.get ( ' / апи / v1 / alioss / знак ' ) .then ( функция (Рез) { если (res.data.code == 200 ) { _self.aliyunOssToken = res.data.data; } еще { _self $ message.error (res.data.message);. }). улов (Функция (ошибка) { console.log (ошибка); }) }, Загрузить () { уаг _self = это ; вар getSuffix = функция (имя_файл) { вар позы = fileName.lastIndexOf ( " " ); вар суффикс = «» ; если (позы ! = - 1 ) { суффикс = fileName.substring (позы); } обратный суффикс; } вар File = $ ( " #file " ) .val (); IF (file.length == 0 ) { Alert ( " Пожалуйста , выберите файл " ); } вар имя файла = новый новый финиковые () для GetTime (). + getSuffix (File); вар FormData = новые новые данные формы (); // обратите внимание , что в случае FormData облигаций Append добавили formData.append ( 'ключ ' , _self.aliyunOssToken.dir + имя файла); // 存储在ОСС的文件路径 formData.append ( ' OSSAccessKeyId ' , _self.aliyunOssToken.accessid); // accessKeyId formData.append ( ' политика ' , _self.aliyunOssToken.policy); // Политика formData.append ( ' Подпись ' , _self.aliyunOssToken.signature); // 签名 formData.append ( " Файл " , $ ( " #file " ) [ 0 ] .files [ 0 ]); formData.append ( ' success_action_status ' , 200 ); // возвращает после успешного кода операции вар URL = _self.aliyunOssToken.host; вар fileURL = _self.aliyunOssToken.host + ' / ' + _self.aliyunOssToken.dir + имя файла; $ .ajax ({ URL: URL, тип: ' СТОЛБ ' , Data: FormData, // асинхронный: к ложным, кэша: ,ложные CONTENTTYPE: ложные , ProcessData: ложь , успех: функция (данные) { console.log (fileUrl); console.log (данные); }, Ошибка: функция (данные) { console.log (данные); } }); } } } </ Скрипт >