基于PhoneGap的web图文混合内容保存方法技术

本发明专利技术公开了一种基于PhoneGap的web图文混合内容保存方法，其包括步骤为：1、编辑文字并选择图片，生成文本和图片混合的HTML片段，img标签的src属性用0、1、2...来占位；2、选择图片调用camera接口时，获取图片的base64编码的字符串，并将字符串保存在一个数组中，数组下标0、1、2...和img标签的src属性中的占位字符一一对应；3、使用ajax接口，将HTML片段和图片字符串数组一起上传到服务器；4、服务器遍历图片字符串数组，保存成图片文件，并生成相应的URL，然后替换HTML片段中0、1、2等占位字符；5、保存HTML片段。本发明专利技术单次访问服务器即可完成图文混合信息的保存操作，时间短、服务器压力小，免去了前后操作相互依赖。

【技术实现步骤摘要】
基于PhoneGap的web图文混合内容保存方法
本专利技术涉及一种基于PhoneGap的web图文混合内容保存方法，属于Hybrid方式的移动应用开发

技术介绍
HybridApp开发方式日益流行，使得我们可以使用HTML5、JavaScript等技术开发App，并运行于IOS、安卓等多种平台。这种开发方式下，App的native部分提供访问设备的接口，web部分调用接口完成相应的业务功能。目前最流行的Hybrid开发框架是PhoneGap。常见的需求场景是，web页面是需要打开手机摄像头拍照或者打开手机相册选择照片，并且上传照片到服务器。PhoneGap提供了相关的接口，一是打开摄像头或选择相册照片的接口（以下称为camera接口），二是上传文件到服务器的接口（以下称为transfer接口）。当需求场景变的复杂起来，例如需要编辑图文混合的内容并上传，将来还需要容易地修改和浏览（见图1）。通常使用PhoneGap框架的解决方案是（见图2）：1.编辑文字并选择图片，生成文本和图片混合的HTML片段；2.调用transfer接口逐个上传图片，并获得图片的URL；3.将图片UR本文档来自技高网...

【技术保护点】
一种基于PhoneGap的web图文混合内容保存方法，其特征在于包括以下步骤：步骤一：编辑文字并选择图片，生成文本和图片混合的HTML片段，img标签的src属性用0、1、2...来占位；步骤二：选择图片调用camera接口时，获取图片的base64编码的字符串，并将字符串保存在一个数组中，数组下标0、1、2...和img标签的src属性中的占位字符一一对应；步骤三：使用ajax接口，将HTML片段和图片字符串数组一起上传到服务器；步骤四：服务器遍历图片字符串数组，保存成图片文件，并生成相应的URL，然后替换HTML片段中0、1、2...占位字符；步骤五：保存HTML片段即可。

【技术特征摘要】
1.一种基于PhoneGap的web图文混合内容保存方法，其特征在于包括以下步骤：步骤一：编辑文字并选择图片，生成文本和图片混合的HTML片段，img标签的src属性用0、1、2...来占位；步骤二：选择图片调用camera接口时，获取图片的base64编码的字符串，并将字符串保存在一个数组中...

【专利技术属性】
技术研发人员：李淮如，
申请(专利权)人：江苏鸿信系统集成有限公司，
类型：发明
国别省市：江苏,32