使用HTML5上传照片

使用HTML5上传照片,html,jquery-mobile,post,base64,image-uploading,Html,Jquery Mobile,Post,Base64,Image Uploading,我正在开发一个基于HTML5和jQuery的iPad应用程序。我需要上传一个图像到服务器上。 服务器url为 我需要像下面这样的请求数据 { “文件名”:“abc.jpg”, “文件描述”:“文件描述”, “文件数据”:“Base64编码字符串”, “LibraryId”:“LibraryId”, “文件标题”:“第一个文件” } 文件上传部分的HTML代码部分如下: <tr> <td class="ui-table-priority-1">

我正在开发一个基于HTML5和jQuery的iPad应用程序。我需要上传一个图像到服务器上。 服务器url为

我需要像下面这样的请求数据 { “文件名”:“abc.jpg”, “文件描述”:“文件描述”, “文件数据”:“Base64编码字符串”, “LibraryId”:“LibraryId”, “文件标题”:“第一个文件” }

文件上传部分的HTML代码部分如下:

<tr>
          <td class="ui-table-priority-1">
            <div class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-c ui-input-has-clear">
                <input type="file" name="file" id="file" value="" data-clear-btn="true" class="ui-input-text ui-body-c">
                <a href="#" class="ui-input-clear ui-btn ui-btn-up-c ui-shadow ui-btn-corner-all ui-fullsize ui-btn-icon-notext ui-input-clear-hidden" title="clear text" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-icon="delete" data-iconpos="notext" data-theme="c" data-mini="false"><span class="ui-btn-inner"><span class="ui-btn-text">clear text</span><span class="ui-icon ui-icon-delete ui-icon-shadow">&nbsp;</span></span>
                </a>
            </div>
          </td>
          <td class="ui-table-priority-2">
          </td>
        </tr>

我能够获得文件名、文件描述、文件标题和库id等参数。 我需要获取“文件数据”的base64编码字符串,以及将其发布到服务器的代码

请帮我上传照片。我正在做的项目只使用HTML5、jQuery Mobile和JavaScript

提前感谢,


Abin

要使用HTML5与网络摄像头交互,您可以查看本文:

对于base64编码,请检查此线程: