vue项目引用美图秀秀图片编辑器

本文介绍了如何在Vue项目中引用并使用美图秀秀图片编辑器,包括设置crossdomain.xml文件以允许跨域访问,引入编辑器的在线JS,放置image_upload_streaming.php文件,以及在Vue组件中实现编辑器的配置和展示。
摘要由CSDN通过智能技术生成

vue引用美图秀秀图片编辑器

1.设置crossdomain.xml
下载crossdomain.xml文件,把解压出来的crossdomain.xml文件放在您保存图片或图片来源的服务器根目录下,
比如: http://example.com.cn,那么crossdomain.xml的路径为:http://example.com.cn/crossdomain.xml。
需要注意的是crossdomain.xml必须部署于站点根目录下才有效, crossdomain.xml的目的是授权来自美图域下的flash向您的站点上传图片或者从您的站点加载图片。
【备注】由于本地测试会被flash安全沙箱拦住,请自行搭建web服务器,在web 环境中测试。

我的项目是放在本地的apache下的
所以xml文件放在www下
在这里插入图片描述
2.在vue项目的index.html引入在线的js

  <script src="http://open.web.meitu.com/sources/xiuxiu.js" type="text/javascript"></script>

3.将image_upload_streaming.php放在www内项目下

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值