web-dev-qa-db-ja.com

HttpWebRequestを使用してPOST data / upload image using multipart / form-data

ImageShack APIを使用して画像をアップロードしようとしています。それを使用するには、multipart/form-dataを使用して画像をPOSTする必要があります。私はそれをしました...

var postData = "";
var req = HttpWebRequest.Create("http://www.imageshack.us/upload_api.php");
req.Method = "POST";
req.ContentType = "multipart/form-data";
postData += "key=my_key_here&";
postData += "type=base64&";

// get base64 data from image
byte[] bytes = File.ReadAllBytes(@"D:\tmp\WpfApplication1\WpfApplication1\Images\Icon128.gif");
string encoded = Convert.ToBase64String(bytes);
postData += "fileupload=" + encoded;

byte[] reqData = Encoding.UTF8.GetBytes(postData);
using (Stream dataStream = req.GetRequestStream())
{
    dataStream.Write(reqData, 0, reqData.Length);
}

var res = (HttpWebResponse)req.GetResponse();
var resStream = res.GetResponseStream();
var reader = new StreamReader(resStream);
string resString = reader.ReadToEnd();
txt1.Text = resString;

しかしImageShackは不平を言っています

<links>
    <error id="parameter_missing">Sorry, but we've detected that unexpected data is received. Required parameter 'fileupload' is missing or your post is not multipart/form-data</error>
</links>

FileUploadが存在し、multipart/form-dataを使用しています。

UPDATE：

新しいコード http://Pastebin.com/TN6e0CD8

データの投稿 http://Pastebin.com/fYE9fsxs

UPDATE 2

私は他の質問 C＃クライアントからのマルチパートフォーム を見ました。境界を使用してコードを変更し、期待100ヘッダーを削除しましたが、まだ機能していません...

ServicePointManager.Expect100Continue = false;
var boundary = "-----------------------------28520690214962";
var newLine = Environment.NewLine;
var propFormat = boundary + newLine +
                    "Content-Disposition: form-data; name=\"{0}\"" + newLine + newLine + 
                    "{1}" + newLine + newLine;
var fileHeaderFormat = boundary + newLine +
                        "Content-Disposition: form-data; name=\"{0}\"; filename=\"{1}\"" + newLine;

var req = (HttpWebRequest)HttpWebRequest.Create("http://jm/php/upload.php");
req.Method = WebRequestMethods.Http.Post;
req.ContentType = "multipart/form-data; boundary=" + boundary;

using (var reqStream = req.GetRequestStream()) {
    var reqWriter = new StreamWriter(reqStream);
    var tmp = string.Format(propFormat, "str1", "hello world");
    reqWriter.Write(tmp);
    tmp = string.Format(propFormat, "str2", "hello world 2");
    reqWriter.Write(tmp);
    reqWriter.Write(boundary + "--");
    reqWriter.Flush();
}
var res = req.GetResponse();
using (var resStream = res.GetResponseStream()) {
    var reader = new StreamReader(resStream);
    txt1.Text = reader.ReadToEnd();
}
c#httpwebrequesthttp-post
14
Jiew Meng

あなたはリクエストボディを正しく構築していないと思います。まず、コンテンツタイプヘッダーにパーツの境界（ランダムなテキスト）を含める必要があります。例えば、

Content-Type：multipart/form-data;境界= ---- WebKitFormBoundarySkAQdHysJKel8YBM

リクエストボディのフォーマットは次のようになります

------WebKitFormBoundarySkAQdHysJKel8YBM 
Content-Disposition: form-data;name="key"

KeyValueGoesHere
------WebKitFormBoundarySkAQdHysJKel8YBM 
Content-Disposition: form-data;name="param2"

ValueHere
------WebKitFormBoundarySkAQdHysJKel8YBM 
Content-Disposition: form-data;name="fileUpload"; filename="y1.jpg"
Content-Type: image/jpeg 

[image data goes here]

これらのリクエストがどのように構築されるかを理解するには、Fiddlerなどのツールを使用することをお勧めします。

11
VinayC

私はついに次のコードでそれを得ました...

var boundary = "------------------------" + DateTime.Now.Ticks;
var newLine = Environment.NewLine;
var propFormat = "--" + boundary + newLine +
                    "Content-Disposition: form-data; name=\"{0}\"" + newLine + newLine + 
                    "{1}" + newLine;
var fileHeaderFormat = "--" + boundary + newLine +
                        "Content-Disposition: form-data; name=\"{0}\"; filename=\"{1}\"" + newLine;

var req = (HttpWebRequest)HttpWebRequest.Create("http://jm/php/upload.php");
req.Method = WebRequestMethods.Http.Post;
req.ContentType = "multipart/form-data; boundary=" + boundary;

using (var reqStream = req.GetRequestStream()) {
    var reqWriter = new StreamWriter(reqStream);
    var tmp = string.Format(propFormat, "str1", "hello world");
    reqWriter.Write(tmp);
    tmp = string.Format(propFormat, "str2", "hello world 2");
    reqWriter.Write(tmp);
    reqWriter.Write("--" + boundary + "--");
    reqWriter.Flush();
}
var res = req.GetResponse();
using (var resStream = res.GetResponseStream()) {
    var reader = new StreamReader(resStream);
    txt1.Text = reader.ReadToEnd();
}

境界は-- {ContentTypeで宣言された境界}で開始する必要があり、終了境界は--で開始および終了する必要があることに注意してください。私の場合、私は最初に使用しました

var propFormat = boundary + newLine +
                    "Content-Disposition: form-data; name=\"{0}\"" + newLine + newLine + 
                    "{1}" + newLine;

それを交換してください

var propFormat = "--" + boundary + newLine +
                    "Content-Disposition: form-data; name=\"{0}\"" + newLine + newLine + 
                    "{1}" + newLine;

そしてすべてがうまくいく

11
Jiew Meng

これはmultipart/form-dataのようなものではありません

  1. フィールド間に境界はありません（1つのフィールドでも必要です）。
  2. なぜbase-64エンコーディングなのですか？
  3. 画像のコンテンツタイプを示すものはありません。

実際のフォーマット仕様については、RFC 2388を参照してください。 WebページからのファイルアップロードのFiddlerグラブを確認することも役立ちます。

0
Jon Hanna