说明:已经提供asp,asp.net,jsp,php,vue等示例。
1.下载示例
地址:http://www.ncmem.com/webapp/wordpaster/versions.aspx
2.配置上传接口
说明:在测试前先确保接口能够正常访问。
接口测试:http://www.ncmem.com/doc/view.aspx?id=61f361025c9247098f6a15c3dfc53db5
3.检查上传接口是否正常。您可以通过示例中的upload.htm文件检查上传接口是否正常。
将示例中upload.htm文件中的action改为您的上传接口地址,然后上传一张图片测试。
示例中上传接口默认返回的数据是图片的完整路径。如:http://www.ncmem.com/test.jpg
如果您的上传接口返回JSON数据请修改ImageMatch配置,参考:http://www.ncmem.com/doc/view.aspx?id=07e3f323d22d4571ad213441ab8530d1
如果您的上传接口有SESSION验证,则请配置COOKIE,参考:http://www.ncmem.com/doc/view.aspx?id=8602DDBF62374D189725BF17367125F3
4.访问页面测试
在浏览器中访问文件index.html,注意不要在浏览器中直接访问此文件,而是需要通过web地址的方式访问。
直接在项目中右键访问:
错误的访问方式:
正确的访问方式:
在IIS Express中测试
将服务器改为IIS Express
在IIS中测试
1.建虚拟目录
2.设置网站路径
注意:项目路径不要包含中文
将网站路径设为项目路径,这样在项目中修改代码后就可以直接测试
3.将项目服务器改为IIS
页面访问效果
图片上传测试
图片保存位置
注意:
1.不要修改w.edge.js中的WebSocket连接IP,请保持默认:127.0.0.1
2.如果您在局域网测试请将posturl地址改为局域网服务器地址,一般为IP地址。