tnblog
首页
视频
资源
登录

jquery ajax设置authorization: Bearer。ajax设置Content-Type,设置token。AJAX提交表单上传文件

10643人阅读 2022/10/9 10:19 总访问:829671 评论:0 收藏:1 手机
分类: 前端

jquery ajax设置authorization: Bearer 这样就行了

  1. headers: {
  2. "Authorization":"Bearer "+token,
  3. 'Content-Type': 'application/json' //application/x-www-form-urlencoded application/json
  4. },

AJAX提交表单上传文件
表单

  1. <form id="uploadImgForm" action="http://localhost:8080/apis/oss/api/SmartFiles/UpLoadFormFile" method="post">
  2. <input type="text" name="bucketName" value="labroom">
  3. <input type="text" name="filePath" value="labresult">
  4. <input type="text" name="FileType" value="1">
  5. <input type="file" name="file">
  6. <input type="button" value="提交" id="upLoadImgBut">
  7. </form>

ajax提交

  1. var formData = new FormData($("#uploadImgForm")[0]);
  2. let token = "eyJhbGciOiJSUzI1NiIsImtpZCI6IkU0QUU1RkVFRUQ4ODhFMDAyRjM5ODcwODdGQjZBMDlFQ0UxQ0IzRThSUzI1NiIsInR5cCI6ImF0K2p3dCIsIng1dCI6IjVLNWY3dTJJamdBdk9ZY0lmN2FnbnM0Y3MtZyJ9.eyJuYmYiOjE2NjUyNzg2NTcsImV4cCI6MTY2NTM1MDY1NywiaXNzIjoiaHR0cDovL3RhaS5jcXp1eGlhLmNvbSIsImNsaWVudF9pZCI6IjQzMjE1Y2RmZjJkNTQwN2Y4YWYwNzRkMmQ3ZTU4OWVlIiwic3ViIjoiNTEzOTlmYzljYWZjNDQ5MDkyYTBkMGY5MGU2MDI0YWYiLCJhdXRoX3RpbWUiOjE2NjUyNzg2NTcsImlkcCI6ImxvY2FsIiwidGVuYW50aWQiOiIzMiIsIm5pY2tuYW1lIjoiMzIwMTIzMTk5MDA4MjEwMDAxIiwibmFtZSI6IumfqeWtkOadsCIsInBpY3R1cmUiOiJodHRwczovL3dwaW1nLndhbGxzdGNuLmNvbS9mNzc4NzM4Yy1lNGY4LTQ4NzAtYjYzNC01NjcwM2I0YWNhZmUuZ2lmIiwicm9sZSI6Ilt7XCJJZFwiOlwiYTlhZjMwMzA1MzI4NGI5ODgzYzI3NDM5Y2NiMGQwODRcIixcIlRlbmFudElEXCI6MCxcIlJvbGVOYW1lXCI6XCLlrabnlJ9cIixcIkxldmVsXCI6MCxcIlBhcmVudElkXCI6bnVsbCxcIkRpc2NyZXB0aW9uXCI6bnVsbCxcIkFkZFRpbWVcIjpudWxsLFwiQ3JlYXRlb3JJRFwiOlwiYjBhNmRhYjY5NzUyNDVlM2I4NjZjYmYwZmNhNWQ2OWZcIixcIkNyZWF0ZW9yTmFtZVwiOm51bGwsXCJJc0Rpc2FibGVcIjpmYWxzZSxcIlJlbWFya1wiOm51bGwsXCJMb2dpY0NvZGVcIjpudWxsLFwiV2VpZ2h0XCI6MH1dIiwianRpIjoiRUY2NEU2RDI2Mjc2QTExOEFERTNGQUE4NDk2MTc0QjYiLCJpYXQiOjE2NjUyNzg2NTcsInNjb3BlIjpbImFwaTEiLCJvcGVuaWQiLCJwcm9maWxlIl0sImFtciI6WyJwd2QiXX0.kVKlEsqmp-BBXwFfWTNbKiR-6SgAPWNCoxbZk9ER7J21KxFKLCMNwn3Ta0oExaN0_vNDy_yfSJ36NWUGJLk6_RoOWsJFlaEVSNXhOOleT74DgN0DdZRsUIsp_MuZRt9nN2HOQBanUgAcGFy6h8DwnBIwZDCNh7Kol6uh2vVXKJBtqAVUZLZ7_Bk9bNSXpIJHD4y6dNmRRwanuG602QYJJ_Vj5RzLqXCrPyTwPVJ9pZM6SznLGGgMmBWCT9L3c44ctckEZG00haoJPkaJALYbcW-uevn2DPwCKVLBKvgFxk6cRQkISsq5DoMKts5BKHbWIjHs2MmIDjZuwGEG_5Jshw";
  3. $.ajax({
  4. url: 'http://localhost:8080/apis/oss/api/SmartFiles/UpLoadFormFile',
  5. type: 'post',
  6. data: formData,
  7. async: false,
  8. cache: false,
  9. contentType: false,
  10. processData: false,
  11. headers: {
  12. "Authorization":"Bearer "+token,
  13. //'Content-Type': 'application/json' //application/x-www-form-urlencoded application/json
  14. },
  15. success: function (returndata) {
  16. console.log(returndata);
  17. },
  18. error: function (returndata) {
  19. alert("报错了");
  20. console.log(returndata);
  21. }
  22. });

欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

使用OLEDB读取不同版本Excel的连接字符串设置

使用OleBD读取excel的时候,excel不同的版本,连接字符串的写法也会不一样。///&lt;summary&gt; ///读取excel ///&lt;/su...

NesTable设置不能拖动

让 Nestable 组件不能拖动,直接在jquery.nestable.js 文件中源码搜索var onStartEvent = function(e) 方法里面的list.drag...

让IIS支持webp格式图片让IIS支持vtt格式,iis设置mime类型,iis配置支持的类型

webp格式图片可以让图片体积变小。也让下载图片变得更加困难一点 在线制作webp工具 https://www.upyun.com/webp?utm_mediu...

ServiceStack.Redis操作Redis设置数据过期问题

添加一个key并设置过期时间(例如这个设置2分10秒后过期)TimeSpants=newTimeSpan(0,2,10); byte[]intbit=BitConverter.GetB...

layer.confirm 设置 询问框 的层遮盖

functionadmin_del(obj){ layer.confirm(&#39;确认要重启吗?&#39;,{ btn:[&#39;确定&#39;,&#39;取消&#39;]//按钮 },fun...

AJAX调用webapi上传图片或文件。设置token,设置Authorization Bearer

AJAX调用webapi上传图片或文件,并返回刚上传的文件名。废话不多说直接贴代码吧html相关:&lt;!DOCTYPEhtml&gt; &lt;html&...

设置登陆访问权限

首先创建一个文件夹Filters并新建一个类IsAuthorizeAttribute继承AuthorizeAttribute,分别重写两个方法,如下代码publiccl...

HBuidler X快捷键设置

工具--&gt;自定义快捷键然后找到我们想要自定义的快捷键例如这里的格式化的快捷键左边是不能直接修改的,我们把它复制到右...

css设置边框border透明度,设置阴影透明度

这个世界不止苟且,还有诗和远方。设置边框透明度: border:1px solid transparent; border-color: rgba(151, 151, 151, 0....

Redis缓存Token+设置过期时间+后台设置菜单

今天我们记录一下后台访问接口+Redis缓存数据首先我们要调一下接口这里我们要拿到数据(Token)的话 需要反序列化因为我这个...

svn设置忽略某些文件或者整个文件夹

*/bin */obj :忽略 bin下面的与obj下面的所有文件Aaa.txt : 忽略具体的文件

Camtasia 9设置停止播放快捷键

先点击录制然后再弹出的框框里边点击 :工具--&gt;选项然后在 : 热键--&gt; 停止里边设置就好

.net core cookie设置domain过期时间等

.net core cookie设置domain,过期时间很简单使用CookieOptions对象即可CookieOptionscookieOptions=newCookieOptions(); c...

redis运行时缓存设置

1.判断是否有此key的值.类库(CacheHelper)注:如果要获取缓存数据,请使用TryGetValue方法public static bool Contains(s...

jquery设置样式 !important

直接贴代码: $(&quot;choise&quot;).css(&quot;cssText&quot;, &quot;padding-bottom:&quot; + ($(&#39;[cm-text]&#39;)....
这一生多幸运赶上过你.
排名
8
文章
222
粉丝
7
评论
7
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术